无论是 touchstart 还是 click 都会有延迟;并且快速点击 10 次,大约只会生效 5 ~ 6 次。
iOS 12 下就不会。
会不会和新加的触感触控有关?
<!doctype html>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />
<div id="app">
<div class="count-wrap">
<div>当前数量:<span id="num"></span></div>
<div id="btn">更新数量</div>
</div>
</div>
<script>
var i = 0
function setNum() {
document.getElementById('num').innerHTML = i
}
setNum()
document.getElementById('btn').onclick = function() {
i += 1
setNum()
}
</script>
<style>
* {
margin: 0;
padding: 0;
}
#app {
padding: 20px;
}
.count-wrap {
margin-top: 40px;
}
#btn {
width: 6em;
padding: 0.3em;
border: 1px solid #ccc;
border-radius: 2px;
text-align: center;
margin-top: 1em;
background-color: #f0f0f0;
/* -webkit-tap-highlight-color: transparent; */
user-select: none;
}
#btn:active {
background-color: #fafafa;
}
</style>