注册登录

【event事件】JavaScript加强之自定义event事件

时间:2016-02-12 13:11 来源: 我爱IT技术网作者:佚名

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【JavaScript加强之自定义event事件】，下面是详细的讲解！

JavaScript加强之自定义event事件

复制代码代码如下:

$().ready(function(){
for(var i=0;i<5;i++){

// $("#aa").click(function(){
// alert("hahahaha");
// });

$("#aa").unbind("click");
$("#aa").bind("click",function(){
alert("oooooo");
});
}
});

自定义事件:

复制代码代码如下:

$().ready(function(){

$("#aa").bind("click",function(){
//事件触发器,触发自定义的event
$(this).trigger("点我");
});
//自定义一个"点我"事件
$("#aa").unbind("点我");
$("#aa").bind("点我",function(){
alert("点我");
});
});

传递参数的自定义事件:

复制代码代码如下:

$().ready(function(){

$("#aa").bind("click",function(){
//事件触发器,触发自定义的event,传递实参
$(this).trigger("点我",['张三','李四']);
});
//自定义一个"点我"事件
$("#aa").unbind("点我");
//第一个参数是固定的,后面都是自定义,就算把event写成别的名字,它还是固定类型,鼠标事件
$("#aa").bind("点我",function(event,a,b){
alert("点我");
alert(a);
alert(b);
});
});

练习:

写一个自定义事件,把该事件绑定在一个下拉列表框中

当下拉列表框选中一项的时候,触发该事件,以参数的形式把选中的值传递到自定义事件中,并输出。

html:

复制代码代码如下:

js:

复制代码代码如下:

$().ready(function(){
$("option").unbind("click");
$("option").bind("click",function(){
$(this).trigger("选择并显示",[$(this).val()]);
});

$("option").unbind("选择并显示");
$("option").bind("选择并显示",function(event,value){
alert(value);
});

});

关于JavaScript加强之自定义event事件的用户互动如下：

　　相关问题：javascript 自定义事件

　　答：我建议使用浏览器的开发者功能, F12在 javascript 语句中打断点,很方便的 >>详细

　　相关问题：lua 自定义event，怎么处理dispatchEvent

　　答：只要修改如下代码就可以 -- 4.在事件分发器中，添加监听器。事件响应委托为 dispatcher:addEventListenerWithFixedPriority(listener, 1) 请参考lua-tests中NewEventDispatcherTest.lua的CustomEventTest测试例。 >>详细

　　相关问题：一个js的event事件的问题

　　答：这是旧版IE和其他浏览器的区别。 // mousedown的时候进入这个函数function whichKey(evnt) { if (document.all) { // 旧版IE里，evnt是空的 // 所以要使用全局event对象 x = event.button; if (x == 1) alert("你单击了左键"); if (x == 2) aler... >>详细

评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）

【event事件】JavaScript加强之自定义event事件

JavaScript加强之自定义event事件

关于JavaScript加强之自定义event事件的用户互动如下：

第一章 JavaScript （基础）

第二章 JavaScript（高级）