EventTarget事件：mouseover

EventTarget事件 - mouseover

將mouseover指針設(shè)備移動到附加了偵聽器的元素或其子節(jié)點(diǎn)之一上時會觸發(fā)該事件。

基本信息

屬性

示例

以下示例說明了mouseover和mouseenter事件之間的區(qū)別。

<ul id="test">
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
</ul>

<script>
  var test = document.getElementById("test");
  
  
  // this handler will be executed only once when the cursor moves over the unordered list
  test.addEventListener("mouseenter", function( event ) {   
    // highlight the mouseenter target
    event.target.style.color = "purple";

    // reset the color after a short delay
    setTimeout(function() {
      event.target.style.color = "";
    }, 500);
  }, false);
  
  
  // this handler will be executed every time the cursor is moved over a different list item
  test.addEventListener("mouseover", function( event ) {   
    // highlight the mouseover target
    event.target.style.color = "orange";

    // reset the color after a short delay
    setTimeout(function() {
      event.target.style.color = "";
    }, 500);
  }, false);
</script>

瀏覽器兼容性

我們將兼容性數(shù)據(jù)轉(zhuǎn)換為機(jī)器可讀的JSON格式。

• 電腦端

• 移動端

注釋：

[1]僅適用于<textarea>元素和某些<input>元素類型。

[2]在錯誤218093中實現(xiàn)。