首次加载页面时，Android Chrome上永远不会触发Touchstart事件

On Android Chrome, when you create a new tab and access to a page with the content below, your touches to #touch div have never triggered touch-start events. Once you reload the page, you can trigger the event.

在Android Chrome上，当您创建新标签页并访问包含以下内容的页面时，您对#touch div的触摸从未触发过触摸开始事件。重新加载页面后，您可以触发该事件。

Why? and How can I avoid this situation?

为什么？我怎样才能避免这种情况呢？

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8" /><title>touch start on Android</title><style type="text/css">#touch, #click {position: relative;left: 100px;top: 100px;width: 200px;height: 200px;border: solid 1px black;}</style>
</head>
<body><div id="touch">Touch</div><div id="click">Click</div><script type="text/javascript">document.getElementById('touch').addEventListener('touchstart', function () { alert ('touch'); } , false);document.getElementById('click').addEventListener('click', function () { alert('click'); } , false);</script>
</body>
</html>

My environment is,

Nexus 7 (2013)
Nexus 7（2013）
Android 4.30 build number JSS15Q
Android 4.30内部版本号JSS15Q
Chrome 29.0.1547.72 (WebKit version 537.36(@156722), JavaScript version V8 3.19.18.21)
Chrome 29.0.1547.72（WebKit版本537.36（@ 156722），JavaScript版本V8 3.19.18.21）

首次加载页面时，Android Chrome上永远不会触发Touchstart事件相关推荐

上传文件到服务器经常连接重置,尝试将文件上传到tmp_name时，“正在加载页面时重置了”服务器的连接重置“...
我正在制作网站以将mp3文件存储在数据库中.当我访问该网站时,它说我已成功连接到数据库,并成功选择了数据库.但是当我选择一个文件并按上传按钮时,它会尝试连接很长时间,然后我的网络浏览器显示" ...
jQuery eq()方法 =》加载页面时单选框默认选中
*加载页面时单选框默认选中(此方法适用于循环输出的单选钮的默认选中问题) <body> <input type="radio" name="jing&q ...
glide首次加载图片时，出现图片变形，重复一下就正常
glide首次加载图片时,出现图片变形问题,重复一下就正常了,这样看着总是很不爽! 简单粗暴的解决办法:将加载的动画去掉,出来的就加载正常了! dontAnimate() 例如:Glide.with( ...
vue 加载页面时触发时间_解析Vue项目的四个方面优化
在本篇文章里我们给大家整理了一篇关于优化VUE项目的四个总要点,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. 运行时优化 1.使用v-if代替v ...
vue 加载页面时触发时间_详解Vue.js在页面加载时执行某个方法
详解Vue.js在页面加载时执行某个方法 jQuery中可以这样写 vue中,如果要达到相同效果,可以使用vue的生命周期函数,如create或者mounted 附上vue.js的生命周期函数执行流程 ...
关于JQUERY动态加载页面时的JS失效的问题
加载页面后一些JS特效或CSS特效不起作用,简单的方法是重新加载一下JQUERY的特效函数.
js初化加载页面时ajax会调用两次的原因_在前端开发中，有哪些因素会导致页面卡顿
前端开发不像后端那样,很少出现有大量算法的场景,但是前端性能也是需要优化的.好的代码是保证网页平稳高性能运行的基础,结合以往开发中遇到的场景,本文对前端网页卡顿的原因进行了梳理和分析,并给出了对应的解 ...
当使用Selenium WebDriver 加载页面时出现浏览器闪退时，如何解决？
Selenium是一个用于Web应用程序测试的工具.Selenium测试直接运行在浏览器中,就像真正的用户在操作一样,今天在针对js动态网页爬虫时,使用代理并使用Selenium,打开网页时,浏览器总 ...
vue 加载页面时触发时间_5.6 vue更新数组时触发视图更新的方法，熟记JavaScript原生方法...
问题:vue更新数组时触发视图更新的方法变异方法: Vue 包含一组观察数组的变异方法,所以它们也将会触发视图更新.什么是变异方法呢?简单理解就是改变了原来的数组,可能包括数组长度length,或者 ...

首次加载页面时，Android Chrome上永远不会触发Touchstart事件

My environment is,

首次加载页面时，Android Chrome上永远不会触发Touchstart事件相关推荐

最新文章

热门文章