屏蔽HTML中的BackSpace后退但不屏蔽输入框中的删除

最新推荐文章于 2021-06-26 01:30:37 发布
原创 最新推荐文章于 2021-06-26 01:30:37 发布 · 756 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#backspace #后退 #输入框 #删除 #屏蔽

本文介绍了一种使用document.onkeydown事件来监听键盘操作的方法，并重点讨论了如何在非输入框元素中捕捉并处理Backspace按键事件。
首先坚挺键盘事件
document.onkeydown

判断为backspace
event.keyCode==8

主要的是判断当前焦点不在输入框中
document.activeElement.type != "text"
js屏蔽backspace后退，又不影响删除输入框文字
08-19
例如，在上面的例子中，我们不希望`Backspace`键导致浏览器后退到上一个页面。这可以通过返回`false`来实现： ```javascript return false; ``` 这将阻止浏览器执行与`Backspace`键相关的默认行为，如后退到上一个...
web 屏蔽BackSpace键实例代码
08-31
在Web开发中，有时我们需要避免用户在特定情况下误操作导致页面回退，特别是在表单填写时，用户可能在文本框失去焦点后按下Backspace键，这会导致浏览器执行历史记录中的后退操作，而不是删除文本框内的字符。...
阻止退格键导致页面跳转
WYZSC的专栏
12-21 3334
阻止退格键导致页面跳转，原文为http://mutongwu.javaeye.com/blog/696531等，本人在此基础上试验并整理。
禁止backspace键(退格键)，但输入文本框时不禁止（兼容IE）
weixin_33895016的博客
12-27 252
Ext实现方式： Ext.getDoc().on('keydown',function(e){ if(e.getKey() == 8 && e.getTarget().type =='text'&& !e.getTarget().readOnly){ }elseif(e.getKey() =...
js--屏蔽Backspace，输入内容不屏蔽
Only the heart peace will be prosperity
05-26 146
<script type="text/javascript">      /*屏蔽Backspace，输入内容不屏蔽*/    function document.onkeydown()     {         if(document.activeElement.type == "text")        {            if ((event.keyCode==116)...
html5取消backspace后退功能,JS禁止后退键（Backspace）详解
weixin_33729288的博客
06-26 596
//处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外function forbidBackSpace(e) {var ev = e || window.event; //获取event对象var obj = ev.target || ev.srcElement; //获取事件源var t = obj.type || obj.getAttribute('type');//获取...
html5取消backspace后退功能,js屏蔽退格键(backspace或者叫后退键与F5)
weixin_29420421的博客
06-15 1029
没有绝对的屏蔽，最好是js结合服务端混合用。服务端通过判断要打开的页面的参数是否第一次打开，如果不是的话就跳转到指定页面。这里只说js方法。我们在真实的项目开发中经常会使用JS 对键盘上的一些按键进行禁用，常见的比如说退格键(backspace/ 后退键)，我在一个项目中就遇到过在页面编辑的时候禁用掉退格键，因为退格键会发生页面后退，这样编辑的内容都会失去了，非常的恶心人。ok ，废话少说，直接上...
关于屏蔽backspace键的解决方法（ie中）
yang576017120的专栏
02-13 542
主页面的body里加了这个事件 <body onkeydown="backspace();"> backspace 这个方法我加在了common.js里， // 屏蔽backspace键 function backspace(){     if(event.keyCode!=8){          event.returnValue=true;          retu...
js屏蔽退格键(backspace或者叫后退键与F5)
12-12
我们在真实的项目开发中经常会使用JS 对键盘上的一些按键进行禁用，常见的比如说退格键（backspace/ 后退键），我在一个项目中就遇到过在页面编辑的时候禁用掉退格键，因为退格键会发生页面后退，这样编辑的内容都会...
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
10-22
在网页开发中，有时出于特定需求，我们可能需要禁用某些用户交互行为，例如禁用键盘的后退键（F5或Backspace）、屏蔽右键单击菜单以及阻止页面的刷新动作。这篇内容将详细解释如何使用jQuery实现这些功能。 1. **...
前端javascript如何阻止按下退格键页面回退 但 不阻止文本框使用退格键删除文本...
weixin_33881753的博客
11-12 272
这段代码可以： document.onkeydown = function (e) { e.stopPropagation(); // 阻止事件冒泡传递 e.preventDefault(); // 阻止浏览器默认事件的发生 // your code if (e.keyCode == 8) { // keyCode == 8 ...
用JS屏蔽backspace(退格删除)键或某一个指定键的完美代码
热门推荐
winter13292的专栏
10-09 1万+
当我们的网页内有一个只读属性的表单时，如下： 上面的这个文本域只是用来向用户展示一些信息的，用户不能对其进行更改，所以加上了“readonly='readonly'”的只读属性，但是在IE8下面，从外观上是看不出来它和其它正常文本域的区别的，所以有的用户可能会对其进行一些删除或者添加内容的一些操作，比如当光标位于这个只读属性的文本域内时，如果用户按下了backspace（退格删除键），那么就
页面后退键（Backspace）失效JS
代码改变生活
09-08 2445
1、页面引用js文件-- document.documentElement.onkeydown = function (evt) { var b = !!evt, oEvent = evt || window.event; if (oEvent.keyCode == 8) {//BackSpace 键 var node = b ? oEvent.target :
禁用backspace键的后退功能，但是可以删除文本内容
ldw598156412的专栏
10-11 2577
function banBackSpace(e) { var ev = e || window.event;//获取event对象 var obj = ev.target || ev.srcElement;//获取事件源 var t = obj.type || obj.getAttribut
JavaScript屏蔽Backspace键
dgqvhtlwq472235338的博客
12-22 113
原文：http://www.cnblogs.com/xdp-gacl/p/3785806.html 今天在IE浏览器下发现，当把使用readonly="readonly"属性将文本框设置成只读<input type="text" readonly="readonly"/>时有一个奇怪的问题：如果光标进入只读文本框，然后按下Backspace键，就会跳转到上一个页面，效果就像...
防止backspace键后退网页
东成熙就
12-20 2251
/* 防止backspace键后退网页 */ document.onkeydown = function(event) { if (event.keyCode == 8) {// backspace的keycode=8 var type = document.activeElement.type;// 获取焦点类型 if (type == "
js 防止BACKSPACE键回退的JS方法
billhepeng的专栏
04-14 2849
function PreventBSK() { var bskEventCancel = false; var _EVENT = window.event; bskEventCancel = _EVENT && _EVENT.altKey && (_EVENT.keyCode == 8 || _EVENT.keyCode == 37 || _EVENT.keyCode == 39); i
解决Cordova开发混合应用中输入框Backspace功能失效问题
然而，在实现过程中可能会遇到各种问题，其中之一就是关于输入框中Backspace键（即删除键）无反应的问题。这一问题通常发生在为输入框添加了`contenteditable`属性以实现富文本编辑功能时。 ### Cordova + ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值