利用keycode控制输入框只能输入整数

最新推荐文章于 2022-10-31 16:33:28 发布

周雪莉

最新推荐文章于 2022-10-31 16:33:28 发布

阅读量349

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/zhouxueli32/article/details/87255248

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<input id="input" type="number"/> @*type="number"可以限制文本框只能输入整数或小数*@
<script>

//只能输入整数
$('#input').keydown(function (e) {
var keyCode = e.keyCode || e.which || e.charCode;
var ctrlKey = e.ctrlKey || e.metaKey;
if (ctrlKey && keyCode == 86) return true;
if (ctrlKey && keyCode == 67) return true;
if (ctrlKey && keyCode == 88) return true;
if (keyCode == 116) return true;
if (keyCode >= 96 && keyCode <= 105) return true;//输入小键盘1-9的数字
if (keyCode >= 48 && keyCode <= 57) return true;//输入大键盘1-9的数字
if (keyCode == 13 || keyCode == 9 || keyCode == 8 || keyCode == 46) return true;//13 enter,9 tab,8 BackSpace,46 delete
if (keyCode >= 35 && keyCode <= 39) return true;
//if (keyCode == 110 || keyCode == 190) return true;
return false;
}).on("blur", function () {
var _t = $(this);
var _v = _t.val();
_v = _v.replace(/[^0-9-]+/, '');
_t.val(_v);
});
</script>