育才学习网js怎么写hover事件
1.js可以模拟鼠标的hover事件吗
不可以。hover 并不是一个DOM 事件，而是一个CSS伪类。
JS可以触发 mouseover 但是不能触发 hover
document.getElementById( 'link' ).dispatchEvent( new Event( 'mouseover' ) );
但是可以通过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="1.jpg" onm ouseover="changeColor(this)"></li>
<li><img src="2.jpg" onm ouseover="changeColor(this)"></li>
</ul>
<script>
function changeColor(imgObj){
document.body.style.backgroundImage="url("+imgObj.src+")";
}
</script>
你把img的src改成你的图片地址，就能用了~~~
转载请注明出处育才学习网 » 原生jshover事件