$("#ipt-test").bind({
copy : function(){
$('#message').text('copy behaviour detected!');
},
paste : function(){
$('#message').text('paste behaviour detected!');
},
cut : function(){
$('#message').text('cut behaviour detected!');
}
});
其他两个方法类似实现。// 粘贴事件监控
$.fn.pasteEvents = function( delay ) {
if (delay == undefined) delay = 10;
return $(this).each(function() {
var $el = $(this);
$el.on("paste", function() {
$el.trigger("prepaste");
setTimeout(function() { $el.trigger("postpaste"); }, delay);
});
});
};
在页面中进行调用这这个监听函数:
$( '.test',document.body ).on("postpaste", function(event) { //需要查找 上下文环境
console.log( event.target.value )console.log( event )
console.log( event.target )
console.log( $(event.target).is('INPUT') )
alert( event.target.nodeName ) // 'INPUT' 全兼容的
alert( event.target.id ) // 'test' 全兼容的
}).pasteEvents();
$.fn.cssT = function(){
//return this.css('color','red') // 这两者的写法都是一样的效果,目的是返回一个jq对象实现链式调用
var _self = this;
return this.each(function(){ // 在jq源码内部调用this.each其实调用了静态方法each,默认返回的是一个jq对象
_self.css('color','green')
})
}调用:$('.Text').cssT().css('fontSize','20px');