防止退格按钮导航回上一个 XPage

Question

在我的 XPages 应用程序中，我注意到每当我按下退格键（输入字段没有焦点）时，应用程序都会返回到前一个 XPage。如何禁用此行为？我相信 JQuery 和/或 Dojo 可以做到这一点，但不确定如何将代码添加到 XPage？另外，阻止这种行为会对性能产生任何影响吗？

Answer 1

我使用以下代码解决了这个问题（在我将 jquery 添加到 WEB-INF 文件夹之后）：

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>

<xp:eventHandler event="onClientLoad" submit="false">
    <xp:this.script><![CDATA[

$(document).keypress(function(e) {
var elid = $(document.activeElement).is("input, textarea") ;

if (e.keyCode === 8 && !elid) {
    if(e.ctrlKey) {
        window.history.back()
    }
    else {
        alert("Navigating with Backspace has been disabled. Use CTRL + Backspace if you want to go back to the previous page (and lose any unsaved changes).");
        return false;
    }
}
});
]]></xp:this.script>
</xp:eventHandler>

如果在道场也能有解决方案就好了！

编辑：这是此解决方案的 dojo 版本 -

dojo.addOnLoad( function(){dojo.connect( document, 'keypress', function(e){

    var activeElementId = document.activeElement.tagName;  

     if(e.keyCode === 8 && activeElementId != "INPUT" && activeElementId != "TEXTAREA"){ 

     if(e.ctrlKey) {
        window.history.back()
    }
     else {
        alert(messageValue);
        dojo.stopEvent(e);
    }

      }  });

});

Answer 2

Dojo 版本防止 Esc 关闭客户端中的 xPage 选项卡。猜猜你也可以使用类似的东西来解决你的问题。

<xp:eventHandler
        event="onClientLoad"
        submit="false">
        <xp:this.script><![CDATA[dojo.addOnLoad( function(){ 
 dojo.connect( document, 'keydown', function(e){  
         if(e.keyCode === 27){ dojo.stopEvent(e); }        
 });
});]]></xp:this.script>
    </xp:eventHandler>

Answer 3

试试这个：

$(document).on('keydown', function(e){
    var kc = e.which || e.keyCode;
    if(kc == 8 && document.activeElement === 'body'){
        e.preventDefault();
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' />

---

此解决方案检查活动元素是否为body，然后通过检查是否按下的键是具有8 的 keyCode 的退格键来防止 backspace 键的默认行为。