JavaScript屏蔽Backspace键并保留输入框功能
作者:微光时间:2026-10-29 12:34:02浏览:303
本文介绍如何使用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;
};
希望这段代码能帮助到大家。
作者最新文章
JavaScript零基础入门:从环境搭建到运行第一段代码
2026-11-05 15:29:58
HTML链接中javascript:void(0)的作用及现代替代方案
2026-11-05 10:07:47
在线调试 JS 时怎么引入 jQuery 或 Vue 等第三方库
2026-11-05 08:53:56
原生JavaScript实现简易颜色选择器原理与代码
2026-11-03 23:22:19
JS原生表单序列化:FormData与URLSearchParams用法详解
2026-11-03 23:13:21
