Question

js怎样监听input输入框，让用户在使用拼音输入法的状态下无法输入除数字外的任何字符。

Answer 1

这样可以吗？按键弹起时把所有非数字的字符替换为空

<input type="text" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')">

追问

在拼音输入法的状态下敲回车会有拼音字符键入到input输入框中。

追答

<input type="text" onkeyup="this.value=this.value.replace(/[^0-9]+/g,'')">

漏了个+

追问

五笔输入法下可以，但是在搜狗输入敲回车仍然会有拼音字符键入到input输入框中。

追答

<input type="text" onkeyup="this.value=this.value.replace(/[^0-9]+/g,'')">

我已亲测，以上在搜狗输入法下是可以实现的。

如果你说的键入是指按回车后会先看到英文字符然后才自动消失的话，那是正常现象，我的方法就是在按键弹起时把所有非数字的字符替换为空，而在js按键弹起事件触发之前，字符就已经插入输入框了。

输入的整个过程是：按键按下-输入字符（js无法监听）-按键弹起。所以要对输入的字符进行判断就只能在按键弹起时，而按键弹起时输入过程就已经完成了。

追问

搜狗输入输拼音，然后按回车，拼音字符就键入到了input输入框且不会被清除。
如图

追答

原来是chrome浏览器问题，我是在firefox下测的所以没发现，这样做

<input type="text" onkeyup="this.value=this.value.replace(/[^0-9]+/g,'')" oninput="this.value=this.value.replace(/[^0-9]+/g,'')">

oninput兼容IE9以上、chrome、firefox

onkeyup处理一些老IE

追问

你的答案 已经是最好的了，你可以帮我写成一个html代码和分离的效果吗？非常感谢啊！

追答

这样？

<input type="text" onkeyup="fn(this)" oninput="fn(this)">
<script type="text/javascript">
function fn(obj)
{
    obj.value=obj.value.replace(/[^0-9]+/g,'')
}
</script>