学习要点
- 事件对象 特别注意的就是jquery中的e和源生的e不一样。封装好了
- 冒泡和默认行为
JS在事件处理函数中默认传递了event对象，也就是事件对象。jquery在封装的时候，解决了这些问题
(一) 事件对象
事件对象就是event对象，e就是event对象。event对象有很多可用的属性和方法。
$("input").on('click',function(e){
window.alert(e);
})
event对象属性
- type 获取这个事件的类型 例如click
- target 获取绑定事件的DOM元素
- pageX/pageY相对于页面原点的水平/垂直坐标
- clientX/clientY 获取相当于可视区域的水平/垂直坐标
- altKey/shiftKey/ctrlKey/metaKey/获取是否按下了alt,shift,ctrl 这是三个键
//通过event.target来获取绑定的DOM元素
$("input").click(function(e){
alert(e.target);
})
(二) 冒泡和默认行为
冒泡就是子元素绑架父元素，让父元素也执行子元素的方法
e.stopPropagation()
这样就阻止冒泡了。子元素执行子元素的方法。父元素不会执行子元素的方法
阻止默认行为
e.preventDefault(); //阻止默认行为。这样会禁止默认事件
$("form").submit(function(e){
e.preventDefault();
})
return false; //简写
