当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS代码实现IE中屏蔽退格键(BackSpace)

JS代码实现IE中屏蔽退格键(BackSpace)

2012/10/26 17:04:39作者:佚名来源:网络

移动端

【实例名称】

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代码下载