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改成你的图片地址,就能用了~~~
转载请注明出处育才学习网 » js怎么写hover事件