Heim > Web-Frontend > js-Tutorial > Hauptteil

Fallcode für die Ereigniserfassung in js

不言
Freigeben: 2018-08-29 16:30:32
Original
1521 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit dem Fallcode der Ereigniserfassung in js. Er hat einen gewissen Referenzwert. Ich hoffe, dass er für Sie hilfreich ist.

1. Ereignistyp
Onclick bedeutet, dass es ausgelöst wird, wenn die Maus klickt Ondblclick bedeutet, dass es ausgelöst wird, wenn mit der Maus geklickt wird Onmouseover bedeutet, dass es ausgelöst wird, wenn die Maus hinein bewegt wird; onmouseout bedeutet, dass es ausgelöst wird, wenn die Maus herausbewegt wird;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>Document</title><style type="text/css">
    *{margin:0;padding:0;list-style:none;}
    #myul{
             width:500px;
             margin:100px auto;
          }
    #myul li{
              width:500px;
              height:30px;
              line-height:30px;
              text-align:center;
              background:#ccc;
              border:1px solid #000;
              }
    </style>
    </head>
    <body>
    <ul id="myul">
        <li id="li01">单击</li>
        <li id="li02">双击</li>
        <li id="li03">鼠标移入</li>
        <li id="li04">鼠标移出</li>
        <li>打酱油滴</li>
    </ul></body></html><script type="text/javascript">
    var li01 = document.getElementById(&#39;li01&#39;);
    li01.onclick = function(){
        alert(&#39;单击事件被捕获&#39;);
    }    var li02 = document.getElementById(&#39;li02&#39;);
    li02.ondblclick = function(){
        alert(&#39;双击事件被捕获&#39;);
    }    var li03 = document.getElementById(&#39;li03&#39;);
    li03.onmouseover = function(){
        alert(&#39;鼠标移入被捕获&#39;);
    }    var li04 = document.getElementById(&#39;li04&#39;);
    li04.onmouseout = function(){
        alert(&#39;鼠标移出被捕获&#39;);
    }
      </script>
Nach dem Login kopieren


3 > 3.1 Klicken Sie auf die erste Spalte in der Tabelle und „Klickereignis erfasst“ wird angezeigt

3.2 Doppelklicken Sie auf die zweite Spalte in der Tabelle und „Doppelklick auf erfasstes Ereignis“ wird angezeigt
3.3 Wenn die Maus in die dritte Spalte der Tabelle bewegt wird, erscheint „Mausbewegungsereignis wird erfasst“ Fallcode für die Ereigniserfassung in js

3.4 Wenn die Maus aus der vierten Spalte der Tabelle herausbewegt wird, wird „Mouse-out-Ereignis erfasst“ angezeigt Fallcode für die Ereigniserfassung in js

Fallcode für die Ereigniserfassung in jsVerwandte Empfehlungen:

Fallcode für die Ereigniserfassung in jsZusammenfassung und Fälle mathematischer Funktionen in js Einführung

Fallcode für die Ereigniserfassung in js

Verstehen der detaillierten Analyse des JavaScript-Ereignismechanismus

Das obige ist der detaillierte Inhalt vonFallcode für die Ereigniserfassung in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
js
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage