yybing85 2010-07-22 08:40
浏览 682
已采纳

Firefox onmousemove与onmouseup事件失效的问题

在一个div上注册了onmousedown,onmousemove与onmouseup事件,想做一个MouseGuesture的特效。可是在Firefox中第一次测试事件都好使,然后接着进行第二次就失效了,鼠标上跟一个小矩形,好像是拖动的效果。
鼠标点到其他元素再回来就好了,是不是元素焦点的问题,也不知道怎么在ff中吧焦点移开。
例子在附件中,在显示的框中点击鼠标,横向拖动然后松开,接着再试一次问题就出来了,其他浏览器中都好用。

  • 写回答

4条回答 默认 最新

  • kjah_1 2010-07-23 02: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]

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥20 macmin m 4连接iPad
  • ¥15 DBIF_REPO_SQL_ERROR
  • ¥15 根据历年月数据,用Stata预测未来六个月汇率
  • ¥15 DevEco studio开发工具 真机联调找不到手机设备
  • ¥15 请教前后端分离的问题
  • ¥100 冷钱包突然失效,急寻解决方案
  • ¥15 下载honeyd时报错 configure: error: you need to instal a more recent version of libdnet
  • ¥15 距离软磁铁一定距离的磁感应强度大小怎么求
  • ¥15 霍尔传感器hmc5883l的xyz轴输出和该点的磁感应强度大小的关系是什么
  • ¥15 vscode开发micropython,import模块出现异常
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部