移动端touch的基础问题
代码很简单，chrome开发模式下，移动仿真界面，点击没有任何反应。代码没问题，在FF下开发模式移动仿真下的话，点击移动抬起都有效果。
chrome没有安任何插件。。。50版本的。为什么touch没有反应呢？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
<title>Document</title>
<style>
#box{
width: 100px;
height: 100px;
background: red;
}
</style>
<script>
window.onload = function(){
var oBox = document.getElementById("box");
oBox.ontouchstart = function(e){
oBox.style.backgroundColor = "pink";
}
oBox.ontouchmove = function(e){
oBox.style.backgroundColor = "purple";
}
oBox.ontouchend = function(e){
oBox.style.backgroundColor = "red";
}
}
</script>
</head>
<body>
<div id="box"></div>
</body>
</html>
展开
收起
1
条回答
写回答
写回答
-
IT从业<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" /> <title>Document</title> <style> #box{ width: 100px; height: 100px; background: red; } </style> </head> <body> <div id="box"></div> </body> <script> window.onload = function(){ var oBox = document.getElementById("box"); function touchStart(e){ event.preventDefault(); oBox.style.backgroundColor = "pink"; } function touchMove(e){ event.preventDefault(); oBox.style.backgroundColor = "purple"; } function touchEnd(e){ event.preventDefault(); oBox.style.backgroundColor = "red"; } oBox.addEventListener("touchstart", touchStart, false); oBox.addEventListener("touchmove", touchMove, false); oBox.addEventListener("touchend", touchEnd, false); } </script> </html>2019-07-17 19:35:11赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
