MouseEnter事件未触发

时间:2013-11-14 16:39:02

标签: javascript jquery html

我有两个语音气泡每两秒更改一次内容。 我正在尝试每次将鼠标放在气泡上时,我的changeComment功能停止,这样用户将有更多时间阅读注释,当鼠标离开气泡时,功能将重新开始。

我的演示在这里:http://jsbin.com/EMogAfud/1

这是我正在使用的功能

$("bubbleSpeech").mouseenter(function(){
  clearInterval(intervalStop);
});

$("bubbleSpeech").mouseleave(function(){
  show();
  intervalStop=setInterval(show,pause);
});

不太确定为什么它不起作用。我没有让事件发生火灾。

提前致谢

3 个答案:

答案 0 :(得分:2)

你忘了使用'#':

$("#bubbleSpeech").mouseenter(function(){
  clearInterval(intervalStop);
});

$("#bubbleSpeech").mouseleave(function(){
  show();
  intervalStop=setInterval(show,pause);
});

答案 1 :(得分:0)

您缺少#

id-selector

$("#bubbleSpeech")
^ // added # for id-selector

答案 2 :(得分:0)

感谢您的评论 他们有两种方法可以做到这一点。

使用Jquery

$("#bubbleSpeech").mouseenter(function(){
  clearInterval(intervalStop);
});

$("#bubbleSpeech").mouseleave(function(){
  show();
  intervalStop=setInterval(show,pause);
});

或使用纯javascript

演示:http://jsbin.com/ejiFixeG/2

mainSlider=document.getElementById('bubbleSpeech');

mainSlider.onmouseenter = function(){
  clearTimeout(timerStop)   ;
  clearInterval(intervalStop);
};

mainSlider.onmouseleave = function(){
  show();
  intervalStop=setInterval(show,pause);
};