JS click 与 onclick 事件绑定,触发与解绑
click 与 onclick
1.onclick 事件会在对象被点击时发生。
function test() {
alert("我是行间事件");
}
当点击id=“btn1"时,触发onclick事件
2.onclick事件会在click事件之前执行
var btn2 = document.getElementById(tn2);
btn2.addEventListener(click, showMsg, false); //鼠标单击的时候调用showMes这个函数
function showMsg() {
alert("事件监听");
}
当点击id=“btn2"时,先执行onclick事件的方法test(),再执行click事件的showMsg()方法;
js 绑定点击事件的方法
方法一:把onclick绑定在标签上
HTML元素行间事件(也可以叫HTMl事件处理程序),直接在html标签里添加事件。
缺点:html和js代码紧密耦合
方法二:onclick的js绑定办法
//把一个函数赋值给一个事件处理程序属性。(这种方式也叫做Dom0级事件处理程序)
var btn1 = document.getElementById(tn1);
function abc() {
alert(abc);
}
btn1.onclick = abc; //当点击的时候执行abc这个函数