数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会研究
时尚研究
法律研究如何在 HTML 中元素内容被剪切时执行脚本？
oncut 属性在用户剪切元素内容时触发。虽然所有 HTML 元素都支持 oncut 属性，但除非元素的 contenteditable 属性设置为“true”，否则不允许剪切内容。
以下是一些示例……
示例：使用 <oncut> 剪切 <input> 中的文本
在下面的示例中，我们使用oncut属性在<input>元素中剪切一些文本时执行一段 JavaScript 代码。
<!DOCTYPE html> <html> <body> <input type="text" oncut="myworld()" value="WELCOME TO THE TUTORIALSPOINT"> <p id="varma"></p> <script> function myworld() { document.getElementById("varma").innerHTML = "You cut text....!"; } </script> </body> </html>
输出
当您尝试执行脚本时，将弹出一个窗口显示文本“欢迎来到 tutorialspoint”，当您尝试剪切输入内容时，它将显示文本“您剪切了文本”。
示例：contenteditable 设置为“true”
在下面的示例中，我们执行一段 JavaScript 代码，在 contenteditable 设置为“true”的 <p> 元素中剪切一些文本。
<!DOCTYPE html> <html> <body> <p contenteditable="true" oncut="myFunction()">WELCOME TO THE TUTORIALSPOINT</p> <script> function myFunction() { alert("You cut text!"); } </script> </body> </html>
输出
当脚本执行时，contenteditable 设置为 true 以允许 oncut 函数并显示文本“欢迎来到 tutorialspoint”，当您尝试剪切文本时，它将显示一个警报，提示“您剪切了文本”。
更新于： 2022年9月5日
172 次浏览
广告