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>