js中如何添加一个事件监听addEventListener
2017-06-21 22:27
357 查看
通过鼠标单击可以打开一个网页或者弹出一个对话框，这些是通过鼠标事件监听来实现的。
实现事件监听的代码示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<noscript><!--当浏览器不支持js时，会弹出警告-->
<h1>您的浏览器不支持js!</h1>
</noscript>
<title>事件监听</title>
</head>
<body>
<input id="btn" type="button" value="点击弹出对话框">
</body>
<script>
var element=document.getElementById("btn")//通过id（btn）获取一个元素
element.addEventListener("click",function () {//添加一个单击事件（单击时触发function函数）
alert("adf")
})
//addEventListener：添加事件监听
</script>
</html>
实现事件监听的代码示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<noscript><!--当浏览器不支持js时，会弹出警告-->
<h1>您的浏览器不支持js!</h1>
</noscript>
<title>事件监听</title>
</head>
<body>
<input id="btn" type="button" value="点击弹出对话框">
</body>
<script>
var element=document.getElementById("btn")//通过id（btn）获取一个元素
element.addEventListener("click",function () {//添加一个单击事件（单击时触发function函数）
alert("adf")
})
//addEventListener：添加事件监听
</script>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 如何为js控件添加事件监听
- js 下拉框添加监听事件和js中删除一个对象
- 用js脚本如何动态添加带参数的事件
- asp.net中服务器控件如何添加客户端的js事件？
- JS为submit、click等事件添加监听
- Android fragment中如何对listview添加监听事件
- js中给一个元素添加事件
- android中如何添加一个监听按钮，点击之后从一个activity跳转到另一个activity
- 如何对一个CCArmature用代码添加帧事件回调
- js如何监听滚动条滚动事件，使得某个标签内容始终位于同一位置
- js addEventListener如何给触发,事件动态传参与添加/删除
- 解决js添加一个按钮，让这个按钮也获得初始的事件,绑定到新生成的DOM
- js如何实现模拟监听事件
- js键盘事件监听，给页面操作添加快捷键，提高用户体验效果。
- FineUI中在一个页面中通过控件事件(JS)向父页面中添加Tab页
- 编写一个浮动按钮控件（如何给控件添加MouseOut事件）
- smarkfoxserver 一个事件只能添加一个监听
- JS一个非常经典的问题：在遍历数组时对DOM监听事件，索引值将始终等于遍历结束后的值
- [Salesforce] JS onchange 事件 如何重复选同一个option
- android中如果activity中应用fragementlayout布局文件，如何给其中的控件添加事件监听。