Javascript增强自定义事件事件

复制代码代码如下所示:
$()Ready(函数(){)
对于(var i = 0;i < 5;i + +){

*这个方法不专业。如果你是在一个循环中,你会登记5事件和点击alert5倍。
* /
/ / $(# AA)(点击(功能){
/ /警报(哈哈);
};

*这种写作是专业的。在单击一次单击事件之前,我们首先解开单击事件,然后绑定一个单击事件,因此我们只在最后绑定一个单击事件。
* /
$(# AA)。Unbind(点击);
$(# AA)。Bind(单击
警报(oooooo );
});
}
});

自定义事件:
复制代码代码如下所示:
$()Ready(函数(){)

*单击时触发的自定义事件
* /
$(# AA)。Bind(单击
事件触发器,触发自定义事件
美元(这个),Trigger(点我);
});
自定义事件
$(# AA)。Unbind(我);
$(# AA)。Bind(点我
警报(指向我);
});
});

传递参数的自定义事件:
复制代码代码如下所示:
$()Ready(函数(){)

*单击时触发的自定义事件
* /
$(# AA)。Bind(单击
事件触发器、触发自定义事件、传递参数
(Trigger)
});
自定义事件
$(# AA)。Unbind(我);
第一个参数是固定的,位于自定义后面,即使事件以其他名称命名,它也是固定类型的鼠标事件。
$(# AA)。Bind(点我
警报(指向我);
警报(a);
警报(b);
});
});

实践:

编写一个自定义事件,将事件绑定到下拉列表框中

当选择下拉列表框时,将触发事件,并将选定的值以参数和输出的形式传递给自定义事件。

Html:
复制代码代码如下所示:

一百一十一
二百二十二
三百三十三


Js:
复制代码代码如下所示:
$()Ready(函数(){)
$(选项),Unbind(点击);
$(选项)。Bind(单击
Trigger(选择和显示)分支(此)。瓦迩(a)};
});

$(选项),Unbind(选择和显示);
$(选项)。Bind(选择和显示
警报(值);
});

});