【JavaScript】49_DOM：事件
【摘要】 7、事件事件（event）事件就是用户和页面之间发生的交互行为比如：点击按钮、鼠标移动、双击按钮、敲击键盘、松开按键…可以通过为事件绑定响应函数（回调函数），来完成和用户之间的交互 绑定响应函数的方式：1.可以直接在元素的属性中设置2.可以通过为元素的指定属性设置回调函数的形式来绑定事件（一个事件只能绑定一个响应函数）3.可以通过元素addEventListener()方法来绑定事件 <b...
7、事件
事件（event）
-
事件就是用户和页面之间发生的交互行为
比如：点击按钮、鼠标移动、双击按钮、敲击键盘、松开按键…
-
可以通过为事件绑定响应函数（回调函数），来完成和用户之间的交互
绑定响应函数的方式：
1.可以直接在元素的属性中设置
2.可以通过为元素的指定属性设置回调函数的形式来绑定事件（一个事件只能绑定一个响应函数）
3.可以通过元素addEventListener()方法来绑定事件
<body>
<button id="btn1" onmouseenter="alert('你点我干嘛~')">点我一下</button>
<button id="btn">点我一下</button>
<script>
//获取到按钮对象
const btn = document.getElementById('btn')
//为按钮对象的事件属性设置响应函数
// btn.onclick = function(){
// alter('哈哈哈')
// }
// btn.onclick = function(){
// alter('12343252')
// }
btn.addEventListener('click',function(){
alert('哈哈哈')
})
btn.addEventListener('click',function(){
alert('呜呜呜')
})
btn.addEventListener('click',function(){
alert('嘻嘻嘻')
})
</script>
</body>
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）