我遇到以下问题:加载特定 jQuery 库后,如果单击数字输入箭头,输入值会不断增加(或减少),直到焦点移到输入元素之外。
将事件绑定input到元素显示它不断触发,这让我相信某些代码一直element.value在循环中设置。但那并没有发生。
我已将问题归结为调用event.preventDefault()一个mouseup活动。
看:
document.body.addEventListener('mouseup', (e) => {
e.preventDefault();
});Run Code Online (Sandbox Code Playgroud)
<input type="number">Run Code Online (Sandbox Code Playgroud)
为什么会出现这种情况?
我有一些在桌面上完美运行的 HTML/CSS。
它也适用于移动设备,但输入字段上用于数字选择的向上和向下箭头不会显示,迫使用户手动“输入”数字。客户要求将这些数字旋转箭头保留在移动视图上。
有很多关于如何隐藏/禁用微调器的问题,甚至还有一些关于如何保留微调器的问题,但这些问题没有或不正确的答案,并且遵循这些答案和建议并没有解决这个问题。
@media only screen {
input[type=number] {
/* -moz-appearance: number-input; */
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: inner-spin-button;
/***
* Below tried and failed:
***/
/* -moz-appearance: number-input; */
/*-ms-appearance: inner-spin-button;*/
/*appearance: auto;*/
margin: 0;
opacity: 1;
}
#updQtyLoose47 {
/* basic styling */
background: rgba(245, 235, 170, 0.75);
border-radius: 0;
border: none;
border: solid 1px #dbdbdb;
color: inherit;
display: block;
outline: 0;
padding: 0.25rem 0 0.25rem 0.75rem;
text-decoration: none;
width: 100px; …Run Code Online (Sandbox Code Playgroud)