js click与onclick事件绑定，触发与解绑

click 与 onclick
1.onclick 事件会在对象被点击时发生。

<input id="btn1" type="button" onclick="test();" />
function test() {alert("我是行间事件");
}

当点击id="btn1"时,触发onclick事件。

2.onclick事件会在click事件之前执行

<input id="btn2" type="button" onclick="test();" />
var btn2 = document.getElementById('btn2');
btn2.addEventListener('click', showMsg, false); //鼠标单击的时候调用showMes这个函数
function showMsg() {alert("事件监听");
}

当点击id="btn2"时,先执行onclick事件的方法test(),再执行click事件的showMsg()方法;

js 绑定点击事件的方法
方法一:把onclick绑定在标签上，HTML元素行间事件（也可以叫HTMl事件处理程序）,直接在html标签里添加事件。
缺点：html和js代码紧密耦合。

<input id="btn1" type="button" onclick="test();" />

方法二:onclick的js绑定办法

//把一个函数赋值给一个事件处理程序属性。（这种方式也叫做Dom0级事件处理程序）
var btn1 = document.getElementById('btn1');
function abc() {alert('abc');
}
btn1.onclick = abc; //当点击的时候执行abc这个函数，等价于 btn1.onclick=function abc(){alert('abc');}
//btn1.onclick = null； //去掉绑定的事件

方法三:click的js绑定办法(js的话推荐这种)

//通过“事件监听”的方式来绑定事件（也叫Dom2级事件处理程序）
var btn2 = document.getElementById('btn2');
btn2.addEventListener('click', showMsg, false); //鼠标单击的时候调用showMes这个函数
function showMsg() {alert("事件监听");
}
//btn2.removeEventListener('click', showMsg, false); //去除绑定

js 触发点击事件
除了手动点击外,js也可以触发点击事件

.onclick()

document.getElementById("btn2").onclick();

这种只会触发onclick事件。

.click()

document.getElementById("btn2").click();

这种会先出发onclick事件,再触发click事件

js 解绑点击事件的方法
解绑onclick

btn1.onclick = null； //去掉绑定的事件

解绑click

btn2.removeEventListener('click', showMsg, false); //去除绑定

js click与onclick事件绑定，触发与解绑相关推荐

js click 与 onclick 事件绑定,触发与解绑
click 与 onclick 1.onclick 事件会在对象被点击时发生. <input id="btn1" type="button" οnclic ...
动态添加html元素绑定事件,关于javascript：jQuery如何将onclick事件绑定到动态添加的HTML元素...
本问题已经有最佳答案,请猛点这里访问. 我想将onclick事件绑定到用jquery动态插入的元素但它从不运行绑定函数.如果您能指出这个示例为什么不起作用,以及如何使它正常运行,我将非常高兴: /p ...
JS里的onclick事件
可以通过以下代码了解JS里的onclick事件: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml&quo ...
js中的onclick事件在ul获取li时点击两次才会执行的原因
js中的onclick事件在ul获取li时点击两次才会执行的原因下面的代码中只有onclick第二次才会执行函数内部的代码代码实例如下: <!DOCTYPE html> <ht ...
【vue+ant-design-vue+a-list】微信扫码登录pc端，后台页面增加微信绑定和微信解绑功能
兜兜转转,修修改改,又是缝缝补补了几天,终于完成此功能大致思路:点击绑定微信,出现微信扫码页面,扫码后跳出弹窗,发送验证码验证后可绑定点击解绑,confirm弹窗确认是否解绑,点击解绑,发送验证码 ...
linux 网卡绑定解绑,网卡绑定开机绑定，关机解绑
Linux下实现双网卡负载均衡系统环境:RHEL5根据甘肃兰州实际情况的双网卡绑定方案, 方案思路:开机绑定,关机解绑一.建立虚拟网络接口ifcfg-bond0文件[root@yangwenjun ...
js中的onclick事件和JQuery中的click方法以及on方法事件用法总结
1.onclick是绑定的事件(它是一个事件),注意该事件绑定只是JacaScript中有(js中的),Jquery中并没有此事件,告诉浏览器在鼠标点击时候要做什么 2.click方法(jquery中 ...
js中的click和onclick事件区别
1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么 2.click本身是方法,作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件
jq onclick 定义_关于js中的onclick事件和JQuery中的click方法
1.onclick是绑定的事件(它是一个事件),注意该事件绑定只是JacaScript中有,Jquery中并没有此事件,告诉浏览器在鼠标点击时候要做什么测试onclick事件 function mo ...
click事件在什么时候出发_剖析setTimeout和click点击事件的触发顺序
下面是一段非常简单的JavaScript代码 dianji setTimeout(function () { alert('timer handler') }, 2000) function test ...

js click与onclick事件绑定，触发与解绑

js click与onclick事件绑定，触发与解绑相关推荐

最新文章

热门文章