js禁用退格键（BackSpace）

最新推荐文章于 2022-10-13 10:01:39 发布
原创 最新推荐文章于 2022-10-13 10:01:39 发布 · 188 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何在ASP.NET的TextBox控件中彻底禁用退格键的功能，防止其误触发浏览器的历史记录后退行为。通过设置contentEditable属性并结合onkeypress及onkeydown事件，可以实现完全禁用退格键的效果。

   在TextBox中设置contentEditable="false"或者ReadOnly="true",那么该文本框不能编辑，即键盘按钮事件不能触发，但是操作退格键（BackSpace）会变为后退为IE历史记录。那么要彻底禁用退格键，解决办法如下：

<asp:TextBox ID="txtTest" runat="server"    contentEditable="false" onkeypress="return !(event.keyCode==8)"
            onkeydown="return !(event.keyCode==8)"></asp:TextBox>

云喜君
关注
jquery+js两种方式实现的禁止退格键回退
05-27
jquery+js两种方式实现的禁止退格键回退
js屏蔽退格键(backspace或者叫后退键与F5)
10-17
在Web开发中，通常会遇到需要屏蔽浏览器默认行为的场景，比如在编辑文章的页面中屏蔽用户按退格键（Backspace）或F5刷新页面，以免造成正在编辑的内容丢失。尤其是退格键，它不仅会删除文本框中的字符，还会导致...
禁用backspace的写法
cclive1191191的专栏
03-18 222
function forbidBackSpace(e) {            var ev = e || window.event; //获取event对象             var obj = ev.target || ev.srcElement; //获取事件源             var t = obj.type || obj.getAttribute('type')...
JS禁用浏览器退格键
taking_wang的专栏
06-04 1456
我们在真实的项目开发中经常会使用JS对键盘上的一些按键进行禁用，常见的比如说退格键（backspace/后退键），我在一个项目中就遇到过在页面编辑的时候禁用掉退格键，因为退格键会发生页面后退，这样编辑的内容都会失去了，非常的恶心人。ok，废话少说，直接上代码。 function forbidBackSpace(e) { var ev =
javascript 禁制后退键（Backspace）
tmaic的专栏
03-30 1565
function banBackSpace(e) { var ev = e || window.event;//获取event对象 var obj = ev.target || ev.srcElement;//获取事件源 var t = obj.type || obj.getAttribute('typ
js屏蔽键盘退格键（backspace或者叫后退键）2
tonyd1989的专栏
07-03 7962
提出需求： Html代码   当键盘敲下后退键（Backspace）后   1、禁止浏览器自动后退   2、但不影响密码、单行文本、多行文本输入框等的回退操作      解决方案： 网上搜了一下，发现有不少解决方案，相比较之下，zywang的方案较佳，（原文见http://zywang.iteye.com/blog/700263）  在其基础
JS禁用浏览器退格键实现思路及代码
01-19
上周提交了一个项目（内部使用的），一同事提出个BUG，说要禁用退格键（backspace或者叫后退键），因为这和他的习惯不一样，担心万一文字录入一半，他按了退格键，那整个页面的内容就白填了，然后信誓旦旦的说他做的...
js 禁用只读文本框获得焦点时的退格键
12-12
为了解决这个问题，我们可以编写一段JavaScript代码来禁用只读文本框在获得焦点时的退格键功能。以下是一个简单的实现方案： ```javascript document.documentElement.onkeydown = function(evt) { var b = !!evt,...
[JavaScript/JQuery] JS禁用浏览器退格键
hxm102581的博客
04-16 702
function forbidBackSpace(e) { var ev = e || window.event; //获取event对象 var obj = ev.target || ev.srcElement; //获取事件源 var t = obj.type || obj.getAttribute('type'); //获取事件源类型 //获取作为判断条件的事件类型 var vRe
js禁用"Backspace"键（即禁止网页倒退）
dengzhe1719的博客
08-25 410
项目遇到的一个问题一个普通网页，如果这个网页上没有焦点的话，那么点击"Backspace"键的时候，网页会回退（倒退到上一个网页），这样就会就有一个问题，当我在一个输入框进行输入的时候，输入了一些字符之后，开始点击"Backspace"键删除，当文本框中的字符被删除完之后，再按"Backspace"键就会倒退到上一页，可我并不想回到上一页。那么这样用户体验就非常不好，用户还要从上一页重新...
javascript 禁用回退键Backspace
tiandaop的专栏
07-29 581
//禁用回溯键  function banBackspace(e){//处理键盘事件jiangkun     var ev = e || window.event;//获取event对象     var obj = ev.target || ev.srcElement;//获取事件源   var flag = obj.getAttribute('readonly');   if(flag
js禁用回退键[backspace键]浏览历史跳转的解决办法
laoyao199044的博客
08-02 499
原地址 http://q821424508.iteye.com/blog/1587025 window.onload=function() {         document.getElementsByTagName("body")[0].onkeydown =function(){         //获取事件对象           var elem = event.rel
div添加contentEditable=true的坑
Jennie的专栏
10-13 1797
div添加contentEditable=true;回退键backspace无法删除光标左侧的文字，但是，delete键可以删除光标右侧的文字。 查了资料（资料的链接：https://www.cnblogs.com/CherishTheYouth/p/CherishTheYouth_1105.html），启发我了。给这个元素添加keydown的事件监听，阻止冒泡就解决了问题。
contenteditable实现输入框踩坑记录
qq_43173415的博客
10-19 5787
最近用到contenteditable实现输入框，遇到了一些坑，其中有一个我找了好久没找到解决方法，换了个思路才解决的： 我的需求是，一个输入框，这个输入框输入@用户，能够根据输入的关键字进行联想搜索，搜索结果显示为一个列表，当点击列表中的某一项时，该项的内容会作为a标签插入进文本框，并且该a标签不可编辑，按Backspace删除时需要将一整个a标签删除。 按照下面代码，外面的div设置了contenteditable="true"就是输入框，然后将a标签设置成contenteditable=“false”
给元素设置contenteditable=“true“后,阻止输入回车键
qq_42372534的博客
03-22 2198
设置该元素 display:flex
contenteditable=“true”编辑状态时不允许换行效果
小怪兽
04-13 4800
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script type="text/javascript" src="jquery-1.11.3.min.js"></scrip...
JS禁用退格键防页面返回（不影响表单等编辑）
endcy的博客
07-24 1824
        我们在真实的项目开发中经常会使用JS 对键盘上的一些按键进行禁用，常见的比如说退格键（backspace/ 后退键），防止在非编辑的状态下按了退格键整个界面都返回上以历史页面，这将会导致所有已编辑的数据丢失，所以有必要在这种前端界面屏蔽掉非表单编辑状态下的退格键按键操作。js代码如下： &lt;script type="text/javascript"&gt; ...
用JS屏蔽backspace(退格删除)键或某一个指定键的完美代码
热门推荐
winter13292的专栏
10-09 1万+
当我们的网页内有一个只读属性的表单时，如下： 上面的这个文本域只是用来向用户展示一些信息的，用户不能对其进行更改，所以加上了“readonly='readonly'”的只读属性，但是在IE8下面，从外观上是看不出来它和其它正常文本域的区别的，所以有的用户可能会对其进行一些删除或者添加内容的一些操作，比如当光标位于这个只读属性的文本域内时，如果用户按下了backspace（退格删除键），那么就
JavaScript实现禁用退格键功能
总结来说，这段JavaScript代码提供了一种跨浏览器的方法，用于在网页中禁用特定输入元素上的退格键功能，尤其适用于保护数据安全或确保用户输入的连续性。开发者可以根据自己的需求调整代码，比如添加更多类型的输入...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值