使用 jQueryMobile 在 BlackBerry 中捕获退格键按下

Question

有没有办法在 BlackBerry 中捕获 input[type="text"] 上的退格键按下？我尝试过使用$('input[type="text"]').bind('keydown', function(event) { ... });，它捕获了除退格键（del）之外的所有按键事件。按此键不会触发任何键事件。

有人知道捕捉事件的方法吗？

我正在为 OS 6.0 开发并使用 BlackBerry 模拟器 9800 进行测试。

已编辑 - 我正在测试的代码

<div id="myPage" data-role="page" data-theme="b">

  <div data-role="content">  
    <input type="text"  id="ddd" />
  </div>

  <script type="text/javascript">
    $('input[type="text"]').bind('keydown', function(e){
      if(e.keyCode == 8)
        alert('backspace trapped')
    });
  </script>

</div>

Answer 1

我刚刚遇到这种烦恼，并在寻找答案时发现了这个问题，所以这里是我的调查和解决方案的详细信息（嗯，解决方法）。

当按下退格键时，黑莓浏览器中的input 或textarea 元素将不会触发keyup 和keydown 事件。但是，它将在事件处理程序绑定到document时被触发：

$("#myInput").keydown(someFn); //Will not fire for backspace
$(document).keyup(someFn); //Will fire for backspace

为什么会这样，我完全不知道。 keyup 事件应该会冒泡，而且确实会冒泡，但是由于按下退格键时它甚至不会触发，所以没什么用处。

不过，我们还有其他活动可供选择。黑莓浏览器支持input 事件，并在元素的值发生变化时正确触发（幸运的是，当该变化是由于按下退格键时）。

因此，我们可以通过将事件处理程序绑定到keydown 和input 来解决这个问题。 keydown 事件将在input 之前触发，除非按下退格键，在这种情况下keydown 不会触发。所以我们可以很容易地跟踪它：

function handler(e) {
    if (e.keyCode === 8) {
        alert("Backspace!"); //Backspace was pressed :)
    }
}

var elem = document.getElementById("example");
elem.addEventListener("keydown", function (e) { //Bind to keydown event
    this.keydownFired = true; //Remember that keydown fired in expando property
    handler.call(this, e); //Call the event handler
}, false)
elem.addEventListener("input", function (e) { //Bind to input event
    if (!this.keydownFired) { //Keydown didn't fire, must have pressed backspace
        e.keyCode = 8; //Fix the event object
        handler.call(this, e); //Call the event handler
    }
    delete this.keydownFired; //Clean up so we can handle next key press
}, false);

一些注意事项：

• 据我所知，这只是黑莓 6 浏览器中的一个问题。我已经测试了黑莓 5（物理设备和模拟器）和 7（模拟器），两者都会触发 keydown 和keyup 退格键的事件。

• 这个“修复”几乎适用于我测试过的每一个浏览器（因此您可以使用它来正确支持 Blackberry 6 而不会破坏其他浏览器），除了 Opera Mobile（在版本 12 中测试），对于某些人来说原因有时喜欢触发input 事件两次。

• 这仅允许您在输入中有要删除的文本时检测退格键（否则不会触发 input 事件）。这可能是剧本最大的败笔。

• 您可以找到一个工作示例here，但对于移动设备测试，加载embedded version 会更快。

Answer 2

以下代码，工作正常。你可以在jsfiddle 上看到它。在 chrome 上测试过

$(document).ready(function() { 
$('input[type="text"]').bind('keydown', function(e){
    if(e.keyCode == 8)
        alert('backspace trapped')
     });
   });​

为黑莓使用

function captureBackButton() {
            blackberry.system.event.onHardwareKey(blackberry.system.event.KEY_BACK,
            function() {
             alert('Backspace Pressed')
            });
        }

see detail

Answer 3

您可以使用此http://jsbin.com/ezucen/13/ 查看您正在返回的密钥代码。 在 BlackBerry 9900 7.1 上，我得到了 keyCode 8。

Answer 4

在一般浏览器中无法做到这一点。

使用 JavaScript 跟踪返回键事件的唯一方法是使用 使用@987654321@ API 的小部件/WebWorks 应用程序。