Question

我创建了一个HTML游戏，正在使用＆＃34; mouseover＆＃34; html的事件。用鼠标触摸的所有div都会将其颜色变为红色。

$( ".someDiv" ).on( "mousemove", function() {
    $(this).css("background", "red");
});

问题是，它不适用于手机。我还使用jQuery Mobile的 touchmove ， vmousemove 和 vmouseover ，但它们并没有给我与< EM>鼠标移动。他们只是检测到触摸移动，但触摸了相同的div。

提前谢谢。

Answer 1

尝试这个

$(document).ready(function() {
    $(".someDiv").on("mousemove", function() {
        $(this).css("background", "red");
    });
});

Answer 2

$(".someDiv").on("touchstart", function() {
    $(this).css({ 'background-color': '#ff0000' });
});

Answer 3

请注意，使用phonegap时，应使用“pagecreate”或“pageinit”代替$（document）.ready。像这样：

$(document).on("pagecreate","#yourpageid",function(){

    $(".myclass").on( "vmouseover", function(){
        // do something you want 
    });               
});

$（document）.ready（）将在您加载第一页之前触发并且每个用于页面操作的代码都只会执行页面刷新后。这可能是一个非常微妙的问题。一些系统看起来它可能工作正常，但在其他系统上它可能会导致奇怪的，难以重复发生的怪异。

此外，您的移动应用/浏览器和桌面网络浏览器之间可能会遇到不同的行为。因此，您必须在目标移动设备中测试最终代码才能看到实际结果。

此处描述了其他信息和代码示例： jQuery document ready vs jQuery Mobile page events

mouseover的phonegap替代品

3 个答案: