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

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

你可能感兴趣的:(前端,javascript,jquery)