JS DOM onmouseover属性,处理鼠标移动到元素上方事件
onmouseover属性
JavaScript的HTML element对象的onmouseover属性,可以用于设置鼠标移动到元素上方时的事件,与CSS中的:hover有点像,不同的是,onmouseonver属性不仅可以对HTML的元素进行CSS样式的设置,还可以进行相关的编程,比如弹出一个对话框,比如鼠标移动到下方skyblue的字体时,会弹出一个对话框。
将鼠标移动到这些文字上试一试。
语法
element.onmouseover = function
提示:element可以通过JavaScript查找元素的方法来获取,function为自定义的函数。
onmouseover属性实例代码,及在线编辑器
<p id='p2'>试一试</p>
<script>
var d = document.getElementById('p2');
d.onmouseover = function(){
alert('欢迎来到笨鸟工具,x1y1z1.com')
}
</script>