在Android Chrome上,当你创建一个新的标签并访问一个包含下面内容的页面时,你对#touch div的触摸从未触发过触摸启动事件。重新加载页面后,即可触发事件。
为什么?我怎样才能避免这种情况?
<!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>
我的环境是,
https://stackoverflow.com/questions/18863870
复制相似问题