$(
function
(){
$(
"#mybutton"
).on(
"click mouseover"
,
function
(e){
alert(e.type)
//在触发该事1653件的版时候,系统会给传给你这个权参数,他包含了触发该事件的一些信息
//这里e指代event
})
}
每次触发DOM事件时会产生一个事件对象(也称event对象),此处的参数e接收事件对象。而事件对象也有很多属性和方法,其中target属性是获取触发事件对象的目标,也就是绑定事件的元素,e.target表示该DOM元素,然后在获取其相应的属性值。
target定义:
target 属性规定哪个 DOM 元素触发了该事件。
target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。
语法:
event.target
event.target.nodeName //获取事件触发元素标签名(li,p,div,img,button…)
event.target.id //获取事件触发元素id
event.target.className //获取事件触发元素classname
event.target.innerHTML //获取事件触发元素的内容(li)
e.target就等价于$(
"#mybutton"
)
故e.target.value就等价于$(
"#mybutton"
)
.val()
e.target调用事件参数
his和event.target的区别:
js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事版件的目标权DOM元素
.this和event.target都是dom对象