如何解决使用Android移动浏览器时如何获取连续的mousemove事件?
| 使用此代码:<h2 id=\"status\">
0,0
</h2>
<script type=\"text/javascript\">
$(\'html\').mousemove(function(e){
$(\'#status\').html(e.pageX +\',\'+ e.pageY);
});
</script>
在像firefox这样的Windows浏览器中,当我移动鼠标时可以看到鼠标的位置,但是当我在android(2.1)浏览器中运行此页面时,当我触摸屏幕时无法获得连续事件,它只是触发当我点击屏幕时,为什么?以及如何在触摸屏幕时获取连续的mousemove事件?
解决方法
改用ѭ1instead事件(可在Froyo的我的Android浏览器上使用),尽管存在一些问题-浏览器仅在释放触摸时更新div,但是每次触摸动作都会触发该事件。可以通过将代码更改为此来证明这一点:
var x = 0;
$(\'html\').bind(\'touchmove\',function(e) {
$(\'#status\').html(x++); // Only updates on touch release
});
这是由于Android浏览器中的错误所致-您需要致电event.preventDefault()
才能按预期工作:
var x = 0;
$(\'html\').bind(\'touchmove\',function(e) {
e.preventDefault();
$(\'#status\').html(x++); // Only updates on touch release
});
官方错误详细信息:可在此处获得
要检测当前的X和Y位置,应使用event.touches
对象:
$(window).bind(\'touchmove\',function(jQueryEvent) {
jQueryEvent.preventDefault();
var event = window.event;
$(\'#status\').html(\'x=\'+event.touches[0].pageX + \' y= \' + event.touches[0].pageY);
});
jQuery创建它自己的事件对象的\“版本\\”,该对象不具有本机浏览器属性(例如.touches
),因此您需要使用window.event
, 阅读接受的答案后,也许处理触摸和鼠标正在进行的事件的最佳方法是这样的?
<div id=\"status\">x,y</div>
<script>
$(\'html\').on(\"mousemove touchmove\",function(e){
$(\'#status\').html(e.pageX +\',\'+ e.pageY);
e.preventDefault();
});
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。