input type = number 去除上下箭头,禁用滚轮事件(默认的自带滚轮加减数字)

摘要:
--禁止谷歌浏览器、Opera浏览器以及360浏览器等采用谷歌内核的浏览器--˃˂!
<style type="text/css">
    /*盒子大小从边框开始计算*/html * {box-sizing:border-box;
    }
    /*解决模态框抖动*/html {overflow-y:scroll;-ms-overflow-style:none;
    }
    /*隐藏滚动条 */html::-webkit-scrollbar {display:none;
    }body {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;
    }
    /*去除webkit中input的type="number"时出现的上下图标 */input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {-webkit-appearance:none;
    }input[type="number"] {-moz-appearance:textfield;
    }</style>
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <title>禁止input输入框的鼠标滚轮事件</title>
        <script src="http://t.zoukankan.com/jquery.js"></script>
    </head>
    <body>
        <!-- 禁止谷歌浏览器、Opera浏览器以及360浏览器等采用谷歌内核的浏览器 -->
        <input type="number"   onmousewheel="return false;">
        <!-- 禁止Firefox浏览器 -->
        <input type="number" id="inp2">
        <script>
            $("#inp2")[0].addEventListener('DOMMouseScroll', MouseWheel, false);
            function MouseWheel(event) {event = event || window.event;
                event.preventDefault();
            }</script>
    </body>

</html>

出自:https://www.cnblogs.com/lhl66/p/9164000.html

免责声明:文章转载自《input type = number 去除上下箭头,禁用滚轮事件(默认的自带滚轮加减数字)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇【学】CSS3的3D动画 ——3D旋转之骰子样式的钟表(2)上大小字节序的深入理解和鉴定系统字节序方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

移动端解决input被输入法挡住的问题

有过移动端web开发经验的人应该都会遇到这个问题,一个input在页面最底部或者偏下的位置,输入时由于输入法的弹出,在部分浏览器下由于不会自动计算window的高度,导致input被输入法挡住。本文的解决方式是利用scrollTop来解决,在input获取焦点后,动态地设置body的高度并设置scrollTop到指定位置,这样可以保证input会滚动到输入...

input标签与label标签的“合作关系”

一直忽略了input和label的关系。一次在做自定义单选框的时候又重新捡起来这对“兄弟”。 label的for属性和input的id值一致的话,input和label就会组成一个组。例如: <label for="test"> <input type="checkbox" id="test" abc="1111" /> &...

QT父子窗口事件传递与事件过滤器(讲了一些原理,比较清楚)

处理监控系统的时候遇到问题,在MainWidget中创建多个子Widget的时候,原意是想鼠标点击先让MainWidget截获处理后再分派给子Widget去处理,但调试后发现如果子Widget重新实现了事件方法,就直接处理掉事件了,没有进到MainWidget的处理方法中去,如果子Widget没有accept或ignore该事件,则该事件就会被传递给其父亲...

自动化测试 python2.7 与 selenium 2 学习

windows环境搭建 # 下载 python【python 开发环境】 http://python.org/getit/ # 下载 setuptools 【python 的基础包工具】setuptools 是 python 的基础包工具,可以帮助我们轻松的下载,构建,安装,升级,卸载 python的软件包。 http://pypi.python.o...

登陆脚本

#!/usr/bin/env python # -*- coding:utf-8 -*- import os,sys num_count = 0 lock_file = 'lockfile.txt' account_file = 'account.txt' match_flag ='' def lock_input(name):   f...

Qt 事件机制

【1】事件 事件是可以被控件识别的操作。如按下确定按钮、选择某个单选按钮或复选框。 每种控件有自己可识别的事件,如窗体的加载、单击、双击等事件,编辑框(文本框)的文本改变事件等等。 事件就是用户对窗口上各种组件的操作。 【2】Qt事件 由窗口系统或Qt自身产生的,用以响应所发生各类事情的操作。具体点,Qt事件是一个QEvent对象,用于描述程序内部或外部发...