js/jquery实现复制、粘贴、剪切触发事件

时间:2020-11-29 16:53:05

js实现键盘快捷操作事件

oncopy 事件在用户拷贝元素上的内容时触发。

<input type="text" oncopy="myFunction()" value="尝试拷贝文本">

onpaste 事件在用户向元素中粘贴文本时触发。

<input type="text" onpaste="myFunction()" value="尝试在此处粘贴文本">

oncut 事件在用户剪切元素的内容时触发。

<input type="text" oncut="myFunction()" value="尝试剪切该文本">

jquery实现键盘快捷操作事件

<input type="text" id="ipt-test"/>
<span id="message"></span>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
/*$("#ipt-test").bind("paste",function(){
alert("事件触发!")
});*/

$("#ipt-test").bind({
copy : function(){
$('#message').text('copy behaviour detected!');
},
paste : function(){
$('#message').text('paste behaviour detected!');
},
cut : function(){
$('#message').text('cut behaviour detected!');
}
});
$("#ipt-test").keyup(function(){
console.log("aaaaaaaaaaaaaaaaaa");
});
});
</script>