js怎么写hover事件

1.js可以模拟鼠标的hover事件吗不可以 。hover 并不是一个DOM 事件,而是一个CSS伪类 。
JS可以触发 mouseover 但是不能触发 hover
document.getElementById( 'link' ).dispatchEvent( new Event( 'mouseover' ) );
【js怎么写hover事件】但是可以通过class的方式,比如CSS里面这样写:
a:hover, a.hover {
color : red;
}这样在JS里面可以通过添加class .hover 来实现你说的功能 。
2.js怎么编写鼠标的右击事件js右击事件
先贴代码:
注意的两个点是:
①:先取消默认右击事件,event.preventDefault();
②:判断event.Button:0:左键,1:滚轮,2:右键 。
值得一说的的是"oncontextmenu"是指右键按下时的作用 。
再给一个应用吧:
右击div显示出自己定义的菜单,点击除了div的地方,是默认的右击事件 。
代码:
效果自行查看吧,其实也没啥 。
原理是,右键的菜单其实是一个隐藏的div,当点击父类div的时候,它出现而已 。(貌似这样一说显得这个程序好垃圾啊,╮(╯▽╰)╭其实这也是大厦的一块砖,少了它,大厦会塌的)
再给了类似的应用吧,一个点击div消失的效果 。
3.CSS/js问题求教大侠:如何设定li的鼠标hover事件,鼠标经过任意 Li<ul>
<li><img src="http://www.xuexi88.com/zhishi/1.jpg" onm ouseover="changeColor(this)"></li>
<li><img src="http://www.xuexi88.com/zhishi/2.jpg" onm ouseover="changeColor(this)"></li>
</ul>
<script>
function changeColor(imgObj){
document.body.style.backgroundImage="url("+imgObj.src+")";
}
</script>
你把img的src改成你的图片地址,就能用了~~~

js怎么写hover事件

文章插图