欢迎来到飞鸟慕鱼博客,开始您的技术之旅!
当前位置: 首页前端设计正文

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>
声明:无特别说明,转载请标明本文来源!