我有这个:

function dontMove(event) {
    // Prevent page from elastic scrolling
    event.preventDefault();
}




<body ontouchmove="dontMove(event);">


在ipad上,这使它无法拖动,并且在您拖曳整个页面以显示时,ipad不会具有灰色背景。

我在另一个网站上看到,它有可能在另一个div中反转,因此div完全可以再次拖动。

有谁知道如何扭转它?

我还尝试使用它来防止它(在document.ready中):

document.ontouchmove = function(e){
    e.preventDefault();
}


&启用它:

function doTouchMove(state) {
    document.ontouchmove = function(e){
    return state;
    }
}


然后我把它激活。

<img ontouchmove="doTouchMove(state);" src="../jpeg/pages/01.jpg" class="touch"/>


这似乎不起作用
这有什么问题吗?
或其他任何可行的方式?

最佳答案

这就是为什么bubbles稍微好一点的原因(至少在我看来)。

bubbles是跨浏览器,因此您应该可以替换。

e.preventDefault()




e.bubbles = false;


然后在代码的后面,可以将bubbles重置为true

如果以上都不是,请忽略。 :D

另一种选择(如果您仅使用iPad的话)是颠倒DOM的工作方式。

document.addEventListener('click', function(){}, true );


这将迫使事件朝另一个方向进行。

点击文件执行
                     |
                     |
                     v
                  元素点击执行

07-24 15:33