                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery基礎(三)—事件篇

on的事件綁定

function greet( event ) {
?alert( "Hello " + event.data.name ); //Hello 慕課網
}

$( "button" ).on( "click", {
?name: "慕課網"
}, greet );
麻煩解釋下，有點不太懂

慕粉3724715

2016-10-16

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

關注問題我要回答

815

操作

收起

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);