步骤一:定义一个text标签,添加onchange为空;其html代码如下所示:
<input type="text" onchage="" />
步骤二:定义要执行的textChange函数,其JS代码如下所示:
function demo(){ //demo是函数名
//在这里写textChange执行代码
}
步骤三:将这个demo()函数赋给input标签的onchange;即html代码为:
<input type="text" onchage="demo()" />
这样的话,在文本框的值变化是就会调用这个函数了
可以绑定一些键盘事件,如 keyup,一次按键松开就会触发事件,在事件函数里就可以进行相关的字数统计功能的实现,以下是一个简单示例:
<textarea id="area1" name="area1" onkeyup="count(this)"></textarea><span id="span1">0</span>
<script>
function count(el)
{
var span=document.getElementById('span1'), val=el.value
span.innerHTML=val.length
}
</script>