【js】【事件驱动】【Dom元素节对象点绑定事件的3种方式】

概念:

• 事件源:元素或标签
• 事件名称: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);}