on的事件绑定

来源:5-1 on()的多事件绑定

慕粉3724715

2016-10-16 09:41

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

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

写回答 关注

2回答

  • GavinZeng
    2016-10-24 11:39:41

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


  • qq_星梦_04062146
    2016-10-16 11:06:23

    button事件被点击时,调用greet函数  greet函数执行时调用对象中的数据

jQuery基础(三)—事件篇

jQuery第三阶段开启事件修炼,掌握对页面进行交互的操作

89997 学习 · 625 问题

查看课程

相似问题