js事件绑定

来源:互联网 发布:淘宝多口袋工装休闲裤 编辑:程序博客网 时间:2024/05/21 10:41

1、在dom对象中直接绑定
dom元素一般都具有名称类似onXXX的事件,直接将方法绑定到事件即可。

<input  onclick="funAlert()"  type="button"  value="确定" /><script type="text/javascript">function funAlert(){    alert("谢谢支持");}</script>

2、在js代码中为dom对象绑定事件处理方法

ele.onXXX=function(){// 事件处理代码}
<input  id="demo"  type="button"  value="确定" /><script type="text/javascript">document.getElementById("demo").onclick=function(){    alert("谢谢支持"); }</script>

3、使用addEventListener()来绑定事件监听函数

elementObject.addEventListener(eventName,handle,useCapture);

//elementObject为DOM对象
//eventName为事件名称,事件名称没有”on”
//handle为用来处理事件的函数,这里的函数名称后面没有小括号
//useCapture表示是否使用捕获,一般为false

4、使用attachEvent()来绑定事件监听函数

elementObject.attachEvent(eventName,handle);

//elementObject为DOM对象
//eventName为事件名称,事件名称有”on”
//handle为用来处理事件的函数,这里的函数名称后面没有小括号

0 0