layer.prompt添加默认内容

`layer.prompt` 是 `layer` 插件中的一个方法，用于弹出输入框让用户输入内容。若要给 `layer.prompt` 添加默认内容，可利用其 `value` 参数。以下是一个示例代码： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>layer.prompt 默认内容示例</title>  <script src="https://cdn.staticfile.org/layer/3.5.1/layer.min.js"></script> </head> <body> <button id="openPrompt">打开输入框</button> <script> document.getElementById('openPrompt').addEventListener('click', function () { // 调用 layer.prompt 方法并设置默认内容 layer.prompt({ title: '请输入内容', value: '这是默认内容' // 设置默认内容 }, function (value, index, elem) { // 用户点击确定后的回调函数 console.log('用户输入的内容是：', value); layer.close(index); // 关闭弹窗 }); }); </script> </body> </html> ``` 代码注释解释： 1. 引入 `layer` 插件的 `js` 文件。 2. 给按钮添加点击事件监听器。 3. 在点击事件里调用 `layer.prompt` 方法，通过 `value` 参数设置默认内容。 4. 当用户点击确定时，会触发回调函数，在回调函数里可以获取用户输入的内容，并且关闭弹窗。我在以往的开发过程中，碰到过以下几点需要格外小心处理的地方： 1. 要保证 `layer` 插件正确引入，不然 `layer.prompt` 方法无法正常使用。 2. 若要在不同浏览器上测试代码，确保 `layer` 插件在各浏览器中都能正常工作。 3. 处理回调函数时，要考虑用户点击取消的情况，避免出现不必要的错误。 [2026-01-09 09:37:03 | AI写代码神器 | 488点数解答]

服务商

更多选项

快捷项

直通车

layer.prompt添加默认内容