在一个div上注册了onmousedown,onmousemove与onmouseup事件,想做一个MouseGuesture的特效。可是在Firefox中第一次测试事件都好使,然后接着进行第二次就失效了,鼠标上跟一个小矩形,好像是拖动的效果。
鼠标点到其他元素再回来就好了,是不是元素焦点的问题,也不知道怎么在ff中吧焦点移开。
例子在附件中,在显示的框中点击鼠标,横向拖动然后松开,接着再试一次问题就出来了,其他浏览器中都好用。
Firefox onmousemove与onmouseup事件失效的问题
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
4条回答
- kjah_1 2010-07-23 10:23关注
问题是由选择文字动作引起的,ie8下也有此情况.
解决办法,禁止浏览器选择文字动作
ie下用document.body.onselectstart=function(){return false;}
ff下用-moz-user-select:-moz-none;[code="html"]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
*{ -moz-user-select:-moz-none; } window.onload = function(){ /* var msg = document.getElementById("msg"); var c = 0; MouseGuesture.instance({distance:100}).regist(document.getElementById("panel"),function(key){ //debugger; msg.innerHTML += key+","; } )*/ document.body.onselectstart=function(){return false;} var c = 0; var a = false; var msg = document.getElementById("msg"); var panel = document.getElementById("panel"); panel.onmousedown = function(){ a = true; } panel.onmousemove = function(){ /* if(a){ if(c%50 == 0){ msg.innerHTML += c+","; } c++; }*/ } panel.onmouseup = function(){ alert(1); a = false; } }MouseTest :
[/code]
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报