Fallcode für die Ereigniserfassung in js-js-Tutorial-php.cn

Fallcode für die Ereigniserfassung in js

不言

Freigeben： 2018-08-29 16:30:32

Original

1564 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

Verwandte Empfehlungen:

Zusammenfassung und Fälle mathematischer Funktionen in js Einführung

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!