【问题标题】:Mobile Safari: detect tab key press in contenteditable field移动 Safari:在 contenteditable 字段中检测 Tab 键按下
【发布时间】:2015-09-28 15:59:02
【问题描述】:

在我的 PhoneGap/cordova 应用程序中,我注意到当用户单击 iOS 上的 TAB 按钮时不会触发 keydown/keypress 事件。

在进行更多测试后,当按下 TAB 键时,看起来 keydown 事件甚至在移动 Safari 中都没有触发:http://www.w3.org/2002/09/tests/keys.html

是否无法检测是否在移动版 Safari 的编辑字段中按下了 TAB 键?

【问题讨论】:

    标签: javascript ios cordova


    【解决方案1】:

    这就是我为 Mobile Safari (https://github.com/zvona/Servant.js) 创建的脚本的工作原理。

    查看示例(我使用 iOS 8.1.3 进行了测试,并且成功了):http://codepen.io/zvona/pen/vNyvdV

    示例代码:

    document.addEventListener('nextbuttonclick', function() {
      console.log('next');
    }, false);
    
    document.addEventListener('previousbuttonclick', function() {
      console.log('prev');
    }, false);
    

    【讨论】:

    • 谢谢。我一直在考虑做类似的事情——检查先前选择的项目的标签索引,看看它是否与 focus() 事件中的当前选择相邻。看来你在我前面! :-)
    猜你喜欢
    • 2016-12-23
    • 2011-02-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多