跨浏览器是否有一致的方法来隐藏某些浏览器(如Chrome)为类型编号的HTML输入呈现的新旋转框?我正在寻找一种CSS或JavaScript方法来防止上/下箭头出现.
<input id="test" type="number">
Run Code Online (Sandbox Code Playgroud) 我有一个带有min="1"和max="12"值集的简单数字输入,这用作小时选择器.我希望它可以在几小时内循环,所以当你到达12并按下"向上"箭头时,它会返回到1反之亦然.
现在我有这个主要工作:
var inputTimer = null;
function cycle(element) {
if (element.attributes.max && element.attributes.min) {
var prevVal = element.value;
inputTimer = setTimeout(function() {
if (prevVal === element.attributes.max.value) {
element.value = element.attributes.min.value;
} else if (prevVal === element.attributes.min.value) {
element.value = element.attributes.max.value;
}
}, 50);
}
}
$("input[type='number']")
.on("mousedown", function(e) {
//this event happens before the `input` event!
cycle(this);
}).on('keydown', function(e) {
//up & down arrow keys
//this event happens before the `input` event! …Run Code Online (Sandbox Code Playgroud)