相关疑难解决方法(0)

单击 Chrome 和 Edge 中的箭头时,输入[type=number] 不断增加

我遇到以下问题:加载特定 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 javascript google-chrome microsoft-edge

5
推荐指数
1
解决办法
2468
查看次数

如何在移动设备和 iPad 上始终显示数字输入旋转器

我有一些在桌面上完美运行的 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)

html css spinner ipad

5
推荐指数
1
解决办法
8868
查看次数

标签 统计

html ×2

css ×1

google-chrome ×1

ipad ×1

javascript ×1

microsoft-edge ×1

spinner ×1