本文介绍如何使用JavaScript屏蔽网页中的Backspace键,防止页面意外后退,同时确保在文本输入框和密码框中Backspace键仍能正常删除字符。通过判断事件源类型,实现精准控制,提升用户体验。
JavaScript屏蔽Backspace键并保留输入框功能
以下通过JavaScript代码实现网页屏蔽Backspace键,同时保留输入框的正常功能,具体代码如下:
document.onkeydown = function (e) {
var code;
if (!e){ var e = window.event;}
if (e.keyCode){ code = e.keyCode;}
else if (e.which){ code = e.which;}
//BackSpace 8;
if (
(event.keyCode == 8)
&& ((event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password")
|| event.srcElement.readOnly == true
)
) {
event.keyCode = 0;
event.returnValue = false;
}
return true;
};
希望这段代码能帮助到大家。