jQuery事件监听
实现jQuery事件的四个要素如下所示:
1)触发事件的目标元素
2)触发事件的名称(即事件类型)
3)事件触发时的回调(即事件处理函数)
4)事件对象(即event)
举个栗子来解释它的格式:
$('#targrt').on('click',function(event){
console.log('target'); //被点击了
$('body').css('backgroundColor','#ff0');
});
$('#targrt')--------为事件目标元素
on------------------事件监听函数
click--------------事件监听类型名称
event-------------事件对象
function---------事件回调函数
再来说说这个event与DOM的event的区别
jQuery事件对象是对JS原生事件的封装,相比具有下面两个特点:
1)做到了浏览器兼容
2)增加了好用的属性和方法
怎样阻止默认事件和冒泡事件
代码如下所示:
$('#targrt').on('click',function(event){
console.log('target'); //被点击了
$('body').css('backgroundColor','#ff0');
return false;
});
没错就是这么简单,只需在回调函数中加入: return false;即可
本博客由作者原创,如需转载请注明出处!!