【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);}