Javascript mouseover的Phonegap替代方案

Javascript mouseover的Phonegap替代方案,javascript,jquery,cordova,Javascript,Jquery,Cordova,我已经创建了一个HTML游戏,它使用HTML的“mouseover”事件。鼠标触摸的所有div都会将其颜色变为红色 $( ".someDiv" ).on( "mousemove", function() { $(this).css("background", "red"); }); 问题是,它在手机上不起作用。我还使用jQuery Mobile的touchmove、vmousemove和vmouseover,但它们的结果与mousemove不同。他们只是检测到touchmove,但触摸

我已经创建了一个HTML游戏,它使用HTML的“mouseover”事件。鼠标触摸的所有div都会将其颜色变为红色

$( ".someDiv" ).on( "mousemove", function() {
    $(this).css("background", "red");
});
问题是,它在手机上不起作用。我还使用jQuery Mobile的touchmove、vmousemove和vmouseover,但它们的结果与mousemove不同。他们只是检测到touchmove,但触摸的是同一个div

提前谢谢。

试试这个

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

请注意,使用phonegap时,应使用“pagecreate”或“pageinit”而不是$(document).ready。像这样:

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

    $(".myclass").on( "vmouseover", function(){
        // do something you want 
    });               
});
$(document).ready()将/可能在加载第一页之前触发 并且每个用于页面操作的代码只会执行 页面刷新后。这可能是一个非常微妙的问题。在一些 在系统中,它可能看起来工作正常,但在其他系统上,它可能会导致 奇怪的,难以重复的怪诞发生

此外,您可能会在移动应用程序/浏览器和桌面web浏览器之间体验到不同的行为。因此,您必须在目标移动设备中测试最终代码,才能看到真正的结果

此处介绍了其他信息和代码示例:

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

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