2015-09-15 2 views
0

как предотвратить событие по умолчанию на мобильном устройстве? eventDefault не работает? пожалуйста в тесте хромированной пожалуйста в тесте хромированной пожалуйста в тесте хромированной пожалуйста в тесте хромкак предотвратить событие по умолчанию на мобильном телефоне

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Document</title> 
 
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.js"></script> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" /> 
 
    <style type="text/css"> 
 
    div img { 
 
     -webkit-touch-callout: none; 
 
     -webkit-user-select: none; 
 
    } 
 
    </style> 
 
</head> 
 
<body data-role="page"> 
 
    <p>this is test</p> 
 
    <div> 
 
    <img src="http://www.w3school.com.cn/i/eg_tulip.jpg"> 
 
    </div> 
 
    <div> 
 
    <img src="http://www.w3school.com.cn/i/eg_tulip.jpg"> 
 
    </div> 
 

 
    <script type="text/javascript"> 
 
    $("div img").on("taphold", function(event) { 
 
     console.log("11333333"); 
 
     event.preventDefault(); 
 
     return false; 
 
    }); 
 
    </script> 
 
</body> 
 

 
</html>

+0

Когда я taphold Я не хочу, чтобы он выскочить меню по умолчанию – jin

ответ

0

Вы можете использовать pointer-events: none; в CSS:

div img { 
    pointer-events: none; 
} 

элемент никогда не является объектом событий мыши; однако события мыши могут нацеливаться на его элементы-потомки, если у этих потомков есть указатели-события, установленные на какое-то другое значение.

Свойство pointer-events позволяет контролировать, как элементы HTML реагируют на события мыши/касания, включая CSS-зависание/активные состояния, события click/tap в Javascript и видимость курсора.

+0

я стараюсь, но не в состоянии – jin

+0

шт хром попробовать потерпеть неудачу, но мобильный нормально, танки – jin

+0

этот метод может предотвратить все события, но мой заказ событие не wrok – jin

 Смежные вопросы

  • Нет связанных вопросов^_^