google chrome multi Chrome «Emulate Touch Events» не работает




chrome simulate multi touch events (4)

Один важный момент, который я заметил - проверка «Emulate touch events» не отключает события мыши, это только добавляет прикосновения.

Я включил параметр «Emulate Touch Events» в инструментах разработчика Chrome. Я установил простую тестовую программу, которая предупреждает, когда я касаюсь <div> . Программа отлично работает на моем Galaxy Nexus, но когда я нажимаю на <div> в Chrome, даже если включена опция «Emulate Touch Events», ничего не происходит. Какие-либо предложения? Правильно ли я использую этот инструмент?

Вот мой код - ничего необычного.

<!DOCTYPE html>
<html lang="en">
<head>      
    <style type="text/css">
        #main_div
        {
            position: absolute;
            width: 50px;
            height: 20px;
            background-color: red;
            top: 50%;
            left: 20px;             
        }           
    </style>
    <script type="text/javascript">
        function init()
        {
            main_div = document.getElementById("main_div");             
            main_div.ontouchstart = function() 
            {                    
                 alert("here");
            }                               
        }
    </script>
</head>
<body onload="init()">
    <div>
        <p id="x">hello</p>
        <p id="y"></p>
    </div>
    <div id="main_div">
        hello
    </div>
</body>
</html>

Прикоснитесь к событиям в Chrome версии 21 (не уверены в предыдущих версиях), но вы должны открыть окно инструментов разработчика, чтобы произошли события касания. Если вы закроете окно, вы вернетесь к нормальным событиям мыши.


Что меня насторожило, так это то, что помимо проверки флажка «Emulate touch events» вы также должны установить флажок «Включить», чтобы включить переопределения. Как только оба были проверены, он работал нормально.


Единственное, что работает для меня, - это переключение Emulate Touch Events в Emulation> Sensors в Chrome 45 каждый раз, когда страница перезагружается. Это довольно дрянное решение. Надеюсь, кто-то найдет менее раздражающее решение.





touch-events