jq 监听input与textarea的复制、粘贴、剪切事件的方法
墨初 前端设计 7377阅读
jq脚本可以对html标签中的,input 与 textarea 元素的复制,粘贴,剪切事件进行监听,具体的操作方法如下!
jq监听 input 与 textarea 元素的复制,粘贴,剪切
示例1:
<script> $(document).ready(function () { $("#dxc_pase_pase").on({ copy: function () { alert('复制'); }, paste: function () { alert('粘贴'); }, cut:function () { alert('剪切'); } }); }); </script>
示例2:
上面的代码,可以进阶修改如下!
<script> $(document).ready(function () { $("#dxc_pase_pase").on({ copy: function () { var text = window.getSelection().toString(); //获取复制的内容 console.log(text); }, paste: function (e) { //出于安全原因,浏览器不允许获取用户剪切版中的内容,当然你可以获取粘贴后的内容 setTimeout(() => { alert($(this).val()); }, 500); //这里需要等待一下再获取 }, cut: function () { var text = window.getSelection().toString(); //获取剪切的内容 console.log(text); } }); }); </script>