google-chrome - Chrome "Emulate Touch Events"无法正常工作

标签 google-chrome mobile touch google-chrome-devtools touch-event

我已经启用了Chrome开发人员工具中的“模拟触摸事件”选项。我设置了一个简单的测试程序,当我触摸<div>时会发出警报。该程序可以在我的Galaxy Nexus上正常运行,但是当我在Chrome中单击<div>时,即使启用了“模拟触摸事件”选项,也不会发生任何事情。有什么建议么?我是否正确使用此工具?

这是我的代码-没什么花哨的。

<!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>

最佳答案

让我感到困扰的是,除了选中“模拟触摸事件”复选框外,还必须选中主“启用”复选框以启用替代功能。一旦两者都被检查,它就可以正常工作。

关于google-chrome - Chrome "Emulate Touch Events"无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11025081/

相关文章:

java - 当用户触摸 Canvas 时如何执行某些操作?协助检查边界

javascript - HTML 代码附加到 JSON 输出可能是由于 Google Docs Chrome 扩展造成的?

html - 如何在现代 Chrome 上访问 video.play() API

css - 防止在移动设备中水平滚动

c# - 获取所有者姓名

c# - ListBox 类似 ItemsControl 的触摸滚动

touch - 与 LibGDX 和 Box2d 的接触不准确

html - 使用 Google Chrome Web Inspector 更改页面布局

javascript - 谷歌浏览器网络请求冲突?

android 在创建媒体播放器时出错?