Heim >Web-Frontend >js-Tutorial >Fallcode für die Ereigniserfassung in js
Fallcode für die Ereigniserfassung in js
- 不言Original
- 2018-08-29 16:30:321554Durchsuche
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('li01');
li01.onclick = function(){
alert('单击事件被捕获');
} var li02 = document.getElementById('li02');
li02.ondblclick = function(){
alert('双击事件被捕获');
} var li03 = document.getElementById('li03');
li03.onmouseover = function(){
alert('鼠标移入被捕获');
} var li04 = document.getElementById('li04');
li04.onmouseout = function(){
alert('鼠标移出被捕获');
}
</script>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“
3.4 Wenn die Maus aus der vierten Spalte der Tabelle herausbewegt wird, wird „Mouse-out-Ereignis erfasst“ angezeigt 
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!