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>

全栈前端 / JavaScript语法 :





















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