JS DOM onmouseout属性,处理移出元素事件

onmouseout属性

JavaScript中DOM的元素的onmouseout属性,可以用于处理鼠标从某个特定的HTML元素移出的事件,比如下方的这个纯色图片,当鼠标移入时(需稍等一会儿)将弹出一个颜色为skyblue的提示(实际上是通过设置title属性来实现),移出时,将弹出一个对话框,提示该图片的title属性被删除的对话框。



提示:鼠标移入的事件处理是通过onmouseover属性来设置的。


语法

element.onmouseout = function

onmouseout属性实例代码,及在线编辑器

上方的示例该如何通过onmouseout属性来实现呢?实例代码如下:

<script>
  var i2 = document.getElementById("i2");
  i2.onmouseover = function(){
  i2.setAttribute('title','skyblue')
}
  i2.onmouseout = function(){
  i2.removeAttribute('title')
  alert('title属性已被移出')
}
</script>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.