当用户在元素中粘贴一些内容时触发
在 <input> 元素中粘贴一些文本时执行 JavaScript:
<input type="text" onpaste="myFunction()" value="在这里粘贴一些东西">
<input type="text" onpaste="myFunction()" value="尝试在这里粘贴一些东西" size="40"> <p id="demo"></p> <script> function myFunction() { document.getElementById("demo").innerHTML = "你粘贴了文字!"; } </script>
当用户在元素中粘贴一些内容时,onpaste
属性会触发。
注意: 尽管所有 HTML 元素都支持 onpaste
属性,但实际上不可能将某些内容粘贴到例如 <p> 元素中,除非该元素已将 contenteditable 设置为“true”(请参阅 下面的“更多示例”)。
提示: onpaste
属性主要用于 type="text" 的 <input> 元素。
提示: 可以通过三种方式在元素中粘贴一些内容:
事件属性 | |||||
---|---|---|---|---|---|
onpaste | Yes | Yes | Yes | Yes | Yes |
<element onpaste="script">
值 Value | 描述 Description |
---|---|
script | The script to be run on onpaste |
支持的 HTML 标签: | 所有 HTML 元素 |
在 <p> 元素中粘贴一些文本时执行 JavaScript(注意 contenteditable 设置为“true”):
<p contenteditable="true" onpaste="myFunction()">尝试在本段中粘贴一些内容。</p>
<p contenteditable="true" onpaste="myFunction()">尝试在本段中粘贴一些内容。</p> <script> function myFunction() { alert("You pasted text!"); } </script>
HTML 参考: oncopy 事件
HTML 参考: oncut 事件