在Chrome (Mac 10.15)上,type="数字"的输入跳跃了两次是由于Chrome浏览器在Mac平台上对数字类型的输入框的默认行为导致的。
当input元素的type属性被设置为"number"时,Chrome浏览器在Mac上会默认添加一个步长(step)为"any"的特性,这会导致输入框中的数字在增加或减少时跳跃两个单位。
这个默认行为是为了提高用户在Mac上使用数字输入的体验。然而,对于一些特定的应用场景,这种默认行为可能会导致一些问题。
如果你想禁用这种默认行为,可以通过以下两种方法之一来解决:
<input type="number" step="1">
<input type="number" id="myInput">
<script>
document.getElementById('myInput').addEventListener('keydown', function(e) {
if (e.keyCode === 38 || e.keyCode === 40) {
e.preventDefault(); // 阻止默认行为
}
});
</script>
通过以上的方法,你可以自定义输入框中数字的增减行为,以满足你的需求。
推荐腾讯云相关产品:腾讯云Serverless Framework(https://cloud.tencent.com/product/sf)是一个开发框架,用于构建、部署和管理无服务器应用程序。它可以帮助开发者更轻松地构建和管理无服务器应用程序,而无需关注底层的基础设施管理。
腾讯云CloudBase(https://cloud.tencent.com/product/tcb)是一款开发者友好型的云端一体化开发平台,提供全栈式后端云服务,包括云函数、云数据库、云存储、云托管等。它可以帮助开发者快速构建和部署各种类型的应用程序,并提供丰富的后端资源和工具。
以上是我对于该问题的完善和全面的答案,希望能够帮到你。
领取专属 10元无门槛券
手把手带您无忧上云