1. 程式人生 > >js/jquery實現複製、貼上、剪下觸發事件

js/jquery實現複製、貼上、剪下觸發事件

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>