Heim > Artikel > Web-Frontend > Detaillierte Erläuterung des JS-Ereignismodells

Detaillierte Erläuterung des JS-Ereignismodells

小云云Original: 2018-03-22 16:22:291784Durchsuche

Dieser Artikel gibt Ihnen hauptsächlich eine detaillierte Erklärung des JS-Ereignismodells, hauptsächlich in Form von Code. Ich hoffe, er kann Ihnen helfen.

1. Inline-Modell

<body>
<input  type="button" value="test1" onclick=&#39; alert("dian ji shi jian")&#39;/>
<input type="button" value="test2" onclick="dian()" />
<script>
    function dian(){
        alert("dian ji shi jian")
    }
</script>
</body>

2. Skriptmodell

<body>
<input type="button" value="test3" id="dian1"/>
<input type="button" value="test4" id="dian2"/>
<input type="button" value="test5" id="dian3"/>
<script>
    //可通过匿名函数
    var dian1 = document.getElementById(&#39;dian1&#39;);//首先找到这个ID
    dian1.onclick = function(){//根据ID付给它一个点击事件
        alert(&#39;dian ji shi jian&#39;);
    };

    //通过函数赋值
    function dianji(){
        alert(&#39;dian ji shi jian&#39;);
    };
    var dian2 = document.getElementById(&#39;dian2&#39;);
    dian2.onclick=dianji;

    //得到元素的名字
    var dian3 = document.getElementById(&#39;dian3&#39;);
    dian3.onclick = function(){
        alert(this.tagName);
    };

    //删除点击事件
    var dian3 = document.getElementById(&#39;dian3&#39;);
    var count=0;
    dian3.onclick = function(){
        alert(count++);
        if(count==3){
           dian3.onclick = null;
        }
    };
</script>
</body>

Verwandte Empfehlungen:

Ereignismodell im Detail Erklärung

Wird Ihnen dabei helfen, das Ereignismodell in Javascript schnell zu verstehen

Detaillierte Erläuterung des Javascript-Ereignismodells, der Objekte, der Überwachung und der Codebeispiele für die Zustellung

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des JS-Ereignismodells. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Detaillierte Erklärung der Aufrufmethode in jsNächster Artikel：Detaillierte Erklärung der Aufrufmethode in js

In Verbindung stehende Artikel

Mehr sehen