js/jquery實現複製、貼上、剪下觸發事件
阿新 • • 發佈:2018-12-31
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>