【js】js绑定事件的三种方法

1.行内绑定

<style>div {width: 400px;height: 200px;background-color: antiquewhite;}</style>
</head><body><div onclick="cli1()"></div>
</body></html>
<script>// 绑定事件1function cli1(){alert('标签内部绑定事件1');}
</script>

2.通过元素绑定事件

<style>div {width: 400px;height: 200px;background-color: antiquewhite;}</style>
</head><body><div onclick="cli1()"></div>
</body>
<script>
//绑定事件2 元素.on事件名= function name(params参数){}
var div_ = document.getElementsByTagName('div')[0];div_.onclick = function(){alert('通过元素绑定事件 绑定事件2')}
</script>

3.通过事件监听绑定事件

<style>div {width: 400px;height: 200px;background-color: antiquewhite;}</style>
</head><body><div onclick="cli1()"></div>
</body>
<script>var div_ = document.getElementsByTagName('div')[0];div_.addEventListener('click', function () {alert('通过事件监听绑定事件');})</script>

4.删除事件监听

 /* 给dom元素删除事件监听el_obj.removerEventListener(1,2);1: 要删除的事件名2：相关的事件处理函数（注意：该函数需要时一个外部处理函数）*/btn_2.removeEventListener('click', fn);

【js】js绑定事件的三种方法相关推荐

原生js绑定事件的三种方法
// 绑定事件// 行内绑定// 选择元素绑定事件// 事件监听有三个参数('什么事件','函数','true或false')true(事件捕获) false(事件冒泡)document.query ...
js绑定事件的三种方法
1.行内绑定 <style>div {width: 400px;height: 200px;background-color: antiquewhite;}</style> & ...
【js】绑定事件的两种方法
方法一: 为需要绑定事件的标签添加一个属性onclick 代码实现: <input type="button" value="测试按钮" onclick= ...
js中当等于最小值是让代码不执行_网页中JS函数自动执行常用三种方法
本文为大家分享了在网页中JS函数自动执行常用方法,供大家参考,具体内容如下一.JS方法 1.最简单的调用方式,直接写到html的body标签里面: 2.在JS语句调用: function myfun ...
js实现阶乘算法的三种方法
js实现阶乘算法的三种方法 // 非递归写法 function f(n) {if (0 === n) {return 1;}let res = 1;for (let i = 1; i <= n; ...
js循环添加事件的两种方法
js循环添加事件的两种方法选择下拉列表中的一个li将文本传到框中问题:写此二级菜单时用到的方法不好,对此进行优化原始js代码: <script>// 思路:1.点击下拉框a时,ul中 ...
JS行间改变css的方法,js改变css样式的三种方法推荐
共用代码: this is a div var div=document.getElementById('div'); 第一种:用cssText div.style.cssText='width:25 ...
html网页自动运行函数,在网页中JS函数自动执行常用三种方法
在网页中JS函数自动执行常用三种方法在HTML中的Head区域中,有如下函数: functionn MyAutoRun() { //以下是您的函数的代码,请自行修改先! alert("函数 ...
React绑定事件的四种方法
今天给大家分享一下react绑定事件的四种方法,也许会有不准确的地方,欢迎指点出来,大家一起进步~ 首先要先了解,在js中class的方法默认不会绑定this,默认情况下是undefined,所以就需 ...

【js】js绑定事件的三种方法

1.行内绑定

2.通过元素绑定事件

3.通过事件监听绑定事件

4.删除事件监听

【js】js绑定事件的三种方法相关推荐

最新文章

热门文章