【实例名称】
JS代码实现IE中屏蔽退格键(BackSpace)
【实例描述】
用户在textarea中输人内容时。不允许使用退格键。本例学习如何实现这种屏蔽。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-本站(www.xue51.com)</title> </head> <body> <script language="javascript"> document.onkeydown = function() //用户的按键事件 { if(event.keyCode == 8) //如果按下的是退格键 { if(event.srcElement.tagName.toLowerCase() != "input" && event.srcElement.tagName.toLowerCase() != "textarea") //如果是在textarea内 event.returnValue = false; //不执行任何操作 } } </script> <input type=text><p> <textarea cols=80 rows=10></textarea> </body> </html>
【运行效果】
【难点剖析】
本例的重点是使用“event.keyCode”来判断用户的按键。“onkeydown”是键盘操作触发的具体事件,退格键的键值为“8”。表达式“event.retumValue=false”表示当用户按退格键时,不执行任何操作。
【源码下载】
本实例JS代码下载
……