概述
概念:
- 事件源:元素或标签
- 事件名称:click,change,submit,fous,blur等
- 事件响应函数:function(){事件触发的执行体}.
方式1
事件声明在标签中
<span id="mySpan" onclick="fn();">点击</span>var fn=function(){
alert("响应");
}方式2
事件声明在js代码中
<span id="mySpan">点击</span>//声明事件
var fn=function(){
alert("响应");
}
window.onload=function(){
//获取元素对象
var mySpan=document.getElementById("mySpan");
//注入事件
mySpan.onclick=fn;}方式3
监听方式
<span id="mySpan">点击</span>//声明事件
var fn=function(){
alert("响应");
}
window.onload=function(){
//获取元素对象
var mySpan=document.getElementById("mySpan");
//注入事件
mySpan.addEventListener("click", fn);}最后
以上就是隐形秋天为你收集整理的【js】【事件驱动】【Dom元素节对象点绑定事件的3种方式】的全部内容，希望文章能够帮你解决【js】【事件驱动】【Dom元素节对象点绑定事件的3种方式】所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复