关于文本框监听的大整合

关于文本框监听的大整合

在我们所浏览或使用的网页中，99%的网页里面都会有文本框或者文本域的使用，也经常会看见文本域下方出现有还剩多少字可编辑的字样，具体方法小编在此不做过多编辑，常见的方法都是进行文本框的监听，相信看了小编的这篇文章应该可以自己编写了。

监听方法

onkeydown =”check()” 键盘按下触发check函数
onkeyup = “check()” 键盘按下抬起后触发check函数
oninput = “check()” 文本域的值发生变化时立即触发check函数
οnchange=”check()” 文本域改变后触发check函数
οnkeypress="check()"文本域改变后触发check函数
onkeydown 和 onkeypress 的区别

具体区别：

1.一个放开一个没有放开，onkeydown 先于 onkeypress 发生。
2.onkeypress 无法系统按钮。
2.onkeydown 捕获的 keyCode 不区分字母大小，而 onkeypress 区分。

onkeypress是在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别。
onkeyup 是在用户放开任何先前按下的键盘键时发生。
onkeydown 是在用户按下任何键盘键（包括系统按钮，如箭头键和功能键）时发生。

<div><span>测试onkeyup：</span><input type="text" id="test1" onkeyup="testKeyUp()"></div>
<div><span>测试onkeydown：</span><input type="text" id="test2" onkeydown="testKeyDown()"></div>
<div><span>测试onkeypress：</span><input type="text" id="test3" onkeypress="testKeyPress()"></div>
<div><span>测试onkeyup、onkeydown和onkeypress：</span><input type="text" id="test4" onkeyup="testKeyUp()" onkeypress="testKeyPress()" onkeydown="testKeyDown()"></div>
<script>
function testKeyUp(){
	layer.msg("我是onkeyup");
}
function testKeyDown(){
	layer.msg("我是onkeydown");
}
function testKeyPress(){
	layer.msg("我是onkeypress");
}
</script>