如何将onmouseover事件更改为onclick而不是JavaScript？

Question

我使用WordPress中

http://www.iwebix.de/front-slider-wordpress-plugin-demo/

这个插件，你可以在演示上面看到，左，右箭头按钮的控件用于滚动缩略图和事件的onmouseover和onmouseout。

我不知道如何将其改为onclick，以便缩略图仅在单击按钮时左右滚动。

任何帮助或想法如何做到这一点？

谢谢！

这是脚本。

http://www.iwebix.de/wp-content/plugins/front-slider/scripts/slider.js

Answer 1

我没有时间去看看它在细节（或测试），但乍一看你应该能够改变onmouseover & onmouseout事件onmousedown和onmouseup事件和它看起来就像它仍然可以工作。换句话说改变这种（28-30行）：

u.onmouseover=new Function('SLIDE.scroll.init("'+this.thumbs+'",-1,'+this.scrollSpeed+')'); 
u.onmouseout=r.onmouseout=new Function('SLIDE.scroll.cl("'+this.thumbs+'")'); 
r.onmouseover=new Function('SLIDE.scroll.init("'+this.thumbs+'",1,'+this.scrollSpeed+')'); 

这样：

u.onmousedown=new Function('SLIDE.scroll.init("'+this.thumbs+'",-1,'+this.scrollSpeed+')'); 
u.onmouseup=r.onmouseup=new Function('SLIDE.scroll.cl("'+this.thumbs+'")'); 
r.onmousedown=new Function('SLIDE.scroll.init("'+this.thumbs+'",1,'+this.scrollSpeed+')'); 

希望帮助。对不起，如果它不...

Answer 2

有点hacky，但最简单的方法是将onmouseover事件处理程序直接绑定到onclick和清除onmouseover，以便只处理该处理程序onclick。像这样：

var divLeftArrow = document.getElementById("arrowleft"); 
divLeftArrow.onclick = divLeftArrow.onmouseover; 
divLeftArrow.onmouseover = undefined;