首页 教程 API文档

增加事件

2015-09-08 16:38:27

属性


使用频率
所属模块 Std.dom
成员类型 公有成员函数

描述


on方法用于给当前元素绑定指定的事件,或者添加指定的事件代理.

语法



Object on(Object events);
Object on(String eventName,Function callback);
Object on(String eventName,String cssSelector,Function callback);
        

参数


名称 类型 描述
events Object 包含事件名称与事件函数对应的Object对象
eventName String 要绑定的事件名称,如果有多个事件名称必须使用空格分开
cssSelector String 需要代理的后代元素选择器
callback Function

事件触发时候执行的回调函数

this对象:

如果是事件代理,那么this对象为当前匹配元素的Std.dom实例对象,否则this对象为本身

参数:

类型 描述
Object 事件参数对象

返回值


this对象

相关例子


在body上添加click与dblclick事件


Std.dom("body").on("click dblclick",function(e){
   console.log("事件名称:" + e.name);
});
Std.dom("body").on({
    "click dblclick",function(e){
        console.log("事件名称:" + e.name);
    },
    mouseenter:function(){
        console.log("mouseenter");
    },
    mouseleave:fucntion(){
        console.log("mouseleave");
    }
});
        

在body上添加事件代理,所有在body下class为button的元素点击之后都会触发.


Std.dom("body").on("click",".button",function(e){
    var currentButton = this;
    console.log(currentButton.html());
});