blocks|key|137007|text|该问题是由在返回onKeyDown事件之前删除输入引起的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|137008|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

The problem was caused by the input removal before returning the onKeyDown event.

blocks|key|136995|text|处理完来自input元素的事件后，在返回之前取消该事件的冒泡。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|136996|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

when you have handled the event from the input element, cancel that event's bubbling before returning.

blocks|key|1149795|text|我有一个类似的需求，即中和退格键引起的后退操作，我在这个网站上遇到了一个解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1149796|http://www.webmasterworld.com/javascript/3785986.htm|offset|length|1149797|我希望它能对你有所帮助。|1149798|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1G|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@$D|Q|E|R|1|S]]|A|$]]|$1|F|3|G|5|6|7|T|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|C]]]]

I had a similar need i.e. to neutralize the Back action caused by Backspace key and I came across a solution on this site

<a href="http://www.webmasterworld.com/javascript/3785986.htm" rel="nofollow noreferrer">http://www.webmasterworld.com/javascript/3785986.htm</a>

I hope it will help you.

blocks|key|1437591|text|甚至可以在你的onKeyDown或onKeyPress上尝试一下|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1437592|if+(event.keyCode==8)//where+8+ascii+code+of+backspace
{
retunr;
}|code-block|syntax|javascript|1437593|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

try this on your onKeyDown or onKeyPress even

<pre><code>if (event.keyCode==8)//where 8 ascii code of backspace
{
retunr;
}
</code></pre>

blocks|key|1437605|text|您可以尝试挂钩到window.onbeforeunload事件，以防止此类意外导航。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1437606|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You can try to hook into window.onbeforeunload event to prevent such accidental navigation.

blocks|key|1437633|text|你可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1437634|1437635|您可以为InputField设置侦听器并查看所有的keydown事件。|ordered-list-item|1437636|在事件侦听器中，您可以创建一个缓冲区变量，该变量具有实际的InputField值。|1437637|1437638|因此，如果你接受一个非Backspace代码，那么缓冲区的新值将是InputField值，而你使用了你的hotKeyFunction，否则，InputField的新值将是buffer值，你将得到InputField的正常工作。|1437639|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|N|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|P|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|L|$]]

That you can make:

<ol>
<li>You can set a listener for InputField and look all keydown events.</li>
<li>In event listener you can make a buffer variable, which have a real InputField value.</li>
</ol>

So, if you accept a not Backspace code then new value of buffer will be InputField value and you make use your hotKeyFunction, else new value of InputField will be buffer value and you get a normal working of InputField.

blocks|key|1149800|text|if+(typeof(window.event)!='undefined')//ie
+++{document.onkeydown=function()
+++++++++++++++++++++++{var+tag_name=event.srcElement.tagName.toUpperCase();
++++++++++++++++++++++++if+(tag_name!='INPUT'+&&+tag_name!='TEXTAREA')
+++++++++++++++++++++++++++{return+event.keyCode!=8;
+++++++++++++++++++++++++++}
+++++++++++++++++++++++};
+++}
else+//firefox,+chrome
++++{window.addEventListener('keydown',function(evt){if+(evt.keyCode==8){evt.preventDefault();}},+true);
++++}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1149801|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>if (typeof(window.event)!='undefined')//ie
 {document.onkeydown=function()
 {var tag_name=event.srcElement.tagName.toUpperCase();
 if (tag_name!='INPUT' &amp;&amp; tag_name!='TEXTAREA')
 {return event.keyCode!=8;
 }
 };
 }
else //firefox, chrome
 {window.addEventListener('keydown',function(evt){if (evt.keyCode==8){evt.preventDefault();}}, true);
 }
</code></pre>

Backspace is the browser hotkey for Navigate Back To The Last Page. I know that when an input has the focus this hotkey is disabled. But I have keyup and keydown events binded to this input, and something I wrote is causing this trouble.

Do you know the solution?

How to avoid navigate back when the user types backspace on a HTML text input?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

Backspace是用于导航回最后一页的浏览器热键。我知道当输入具有焦点时，此热键被禁用。但是我将keyup和keydown事件绑定到这个输入上，而我写的一些东西导致了这个问题。你知道解决方案吗？

问当用户在HTML文本输入中输入退格键时，如何避免返回？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当用户在HTML文本输入中输入退格键时，如何避免返回？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当用户在HTML文本输入中输入退格键时，如何避免返回？
EN