js控制文本框只能输入数字

最新推荐文章于 2024-12-23 14:02:14 发布

岁寒松柏

最新推荐文章于 2024-12-23 14:02:14 发布

阅读量596

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript 文章标签：输入法 function input

本文链接：https://blog.youkuaiyun.com/xusongsong520/article/details/7847091

javaScript 专栏收录该内容

122 篇文章

订阅专栏

本文详细介绍了如何创建一个只能输入0到9和小数点，并且仅能粘贴数字的文本框，同时禁止使用输入法和拖动内容进入的功能。通过自定义键盘事件处理函数，实现对输入字符的精确控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input onkeypress="return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false" style="ime-mode:Disabled" />

说明
1 只能输入0到9和小数点
2 只能粘贴数字
3 不能拖动内容进来
4 禁止使用输入法

//文本框只能输入数字，除数字外文本框直接不能输入
function myKeyDown()
{
var k=window.event.keyCode;

    if ((k==46)||(k==8)||(k==189)||(k==109)||(k==190)||(k==110)|| (k>=48 && k<=57)||(k>=96 && k<=105)||(k>=37 && k<=40))
    {}
    else if(k==13){
        window.event.keyCode = 9;}
    else{
        window.event.returnValue = false;}
}

onkeydown="myKeyDown();"