function(event)/function()/function(参数)

小灰灰 2023-02-14 01:54 119阅读 0赞

$(``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对象

发表评论

表情：
评论列表 （有 0 条评论，119人围观）

还没有评论，来说两句吧...

相关阅读