如图，比方说我有一个函数，而我们需要点击按钮触发指定的函数，这就用到了绑定事件的方法。
如图，假定是点击事件，则在按钮里面添加onclick=函数名即可把函数绑定到按钮上。onclick绑定的是单击事件哦，当然还有很多其他的事件。
如图，绑定事件之后，当我们点击按钮即可触发绑定的函数，非常神奇哦。
当然，也可以给按钮设定一个ID，然后我们获取到带有ID的按钮。
然后在JavaScript中绑定事件也是可以的，这种方法代码比较多，想用哪种看你自己哦。
需要特别注意一点的是，如果用了第二种方法，当要获取id时，如果script脚本写在head里面，则要加上window.onload哦。如果是写在body后面，则不需要写window.onload。
最好是在元素生成的时候就加上事件，不然的话比较麻烦。
在jquery中，你也可以用live()和delegate()这样的方法绑定元素，是实时监听的。
但是最好还是在元素生成的时候就加上事件：
$('#btn').bind('click', function(event) {/* Act on the event */
$("<li>Hello</li>").appendTo("#list").bind('click', function(event) {
/* Act on the event */
console.log($(this).text())
})
})
在mootools中对应的方法：
// Creating an new anchor with an Objectvar myAnchor = new Element('a', {href: 'http://mootools.net',
'class': 'myClass',
html: 'Click me!',
styles: {
display: 'block',
border: '1px solid black'
},
events: {
click: function(){
alert('clicked')
},
mouseover: function(){
alert('mouseovered')
}
}})
1、动态创建元素时，将事件触发方式加入到元素创建中
例如：
document.getElementById('id').innerHTML='<input type="button" onclick="btnClick()" value="aaa"/>'function btnClick(){
alert('事件触发')
}
2、动态创建元素完成后，重新获取该元素绑定事件
例如：
document.getElementById('id').innerHTML='<input type="button" id="btn" />'document.getElementById('btn').onclick=function(){
alert('事件触发')
}
