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绑定事件的三种方法
// 绑定事件// 行内绑定// 选择元素绑定事件// 事件监听有三个参数('什么事件','函数','true或false')true(事件捕获) false(事件冒泡)document.query ...
【js】js绑定事件的三种方法
1.行内绑定 <style>div {width: 400px;height: 200px;background-color: antiquewhite;}</style> & ...
js 绑定事件的几种方法 addEventListener（）
看代码 <!DOCTYPE html> <html><head><meta charset="UTF-8"><title> ...
React绑定事件的四种方法
今天给大家分享一下react绑定事件的四种方法,也许会有不准确的地方,欢迎指点出来,大家一起进步~ 首先要先了解,在js中class的方法默认不会绑定this,默认情况下是undefined,所以就需 ...
java的如何创建js_[Java教程]JS创建事件的三种方式（实例）
[Java教程]JS创建事件的三种方式(实例) 0 2016-05-11 14:00:16 1.普通的定义方式 οnclick="Sfont=prompt('请在文本框中输入红色','红色' ...
java c 事件对比_javacsript绑定事件的三种方式与各自特点
javacsript绑定事件的三种方式与各自特点 javacsript绑定事件的三种方式与各自特点点击打开链接 javacsript绑定事件的三种方式与各自特点 feipeng8848 2017-0 ...
JS下载文件的三种方法
因为公司后端忙得无法给批量下载的api,就我们前端自己把多张图片打包成zip下载,zip打包我们用的是jszip,下面是js实现下载的三种方法: 利用HTML download 属性 var a = ...
JS截取字符串的三种方法详解
本文详细讲解了JS截取字符串的三种方法,文中通过示例代码介绍的非常详细.对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下 JS提供三个截取字符串的方法,分别是:slice(),subst ...
JS数组添加元素的三种方法
JS数组添加元素的三种方法 1.push() 方法可以向数组末尾添加一个或多个元素,并且返回新的长度语法:arr.push(element1,element2,element3,····) 参数概 ...

js绑定事件的三种方法

1.行内绑定

2.通过元素绑定事件

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

4.删除事件监听

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

最新文章

热门文章