                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(三)—事件篇

on的事件绑定

function greet( event ) {
alert( "Hello " + event.data.name ); //Hello 慕课网
}

$( "button" ).on( "click", {
name: "慕课网"
}, greet );
麻烦解释下，有点不太懂

慕粉3724715

2016-10-16

源自：jQuery基础(三)—事件篇 5-1

关注问题我要回答

760

操作

收起

2 回答

GavinZeng
2016-10-24

event，是事件本身，在这里就是 click 事件；

greet，是事件调用的函数；

name：“慕课网”，是传递给greet函数的data对象的name属性的参数（注意：data对象是on方法默认返回的一个对象，这里其实是将一个匿名对象赋值给了data对象，然后通过data.name调用这个匿名对象的name属性）。

能看懂下面的代码表示你已经了懂了上面所说的意思：

var userObj2 = {
    click: "鼠标点击",
    over: "鼠标移入",
    out: "鼠标移出",
}
function dome(event) {
    if(event.type == "click"){
        alert(event.data.click);
    } else if(event.type == "mouseover"){
        alert(event.data.over);
    } else if(event.type == "mouseout"){
        alert(event.data.out);
    }
}
$("#testDiv8").on("click mouseover mouseout",userObj2,dome);