【问题标题】:Capture "field +" keystroke from 10-key pad从 10 键盘捕获“字段 +”击键
【发布时间】:2015-06-16 18:22:10
【问题描述】:

我正在将旧应用程序从 AS400 迁移到 Web。旧版应用程序的所有核心用户都使用 10 键键盘上的“field+”键在字段之间切换。因此,我还需要在 Web 应用程序下捕获该击键并使用它来代替 tab 键。

但是,我无法挖掘任何信息来解释如何捕获该击键。我完全不反对使用 Javascript 来做这件事,但我不知道该听什么键。

我确实找到了这个

http://intermec.custhelp.com/app/answers/detail/a_id/10736/~/what-are-the-virtual-key-codes-for-field-plus-and-field-minus-for-as%2F400

...这似乎提供了一个“虚拟密钥代码”,但我不确定如何在实践中使用它:

【问题讨论】:

    标签: keyboard keypress


    【解决方案1】:

    我创建了一个 Jsfiddle,可让您查看在按键 http://jsfiddle.net/user2314737/543zksjc/3/show/ 处检测到哪些键码

    (你需要 Javascript 和 JQuery)

    $(".inputTxt").bind("keypress keyup keydown", function (event) {
        var evtType = event.type;
        var eWhich = event.which;
        var echarCode = event.charCode;
        var ekeyCode = event.keyCode;
    
        switch (evtType) {
            case 'keypress':
                $("#log").html($("#log").html() + "<b>" + evtType + "</b>" + " keycode: " + ekeyCode + " charcode: " + echarCode + " which: " + eWhich + "<br>");
                break;
            case 'keyup':
                $("#log").html($("#log").html() + "<b>" + evtType + "</b>" + " keycode: " + ekeyCode + " charcode: " + echarCode + " which: " + eWhich + "<p>");
                break;
            case 'keydown':
                $("#log").html($("#log").html() + "<b>" + evtType + "</b>" + " keycode: " + ekeyCode + " charcode: " + echarCode + " which: " + eWhich + "<br>");
                break;
            default:
                break;
        }
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <input class="inputTxt" type="text" />
    <div id="log"></div>

    也许这会有所帮助。

    【讨论】:

    • 谢谢!我不打算让任何人为我写任何东西,但感谢您的努力。我将使用它的一个版本来捕获“Field +”键的键代码和字符代码。一旦有了这些,我就可以将表单上的所有输入字段绑定到类似的内容,并在按下 field+ 键时调用标签笔划。
    • Np 我没有写任何东西我回收了一个旧的 Jsfiddle,我曾在 Stackoverflow 上用于另一个答案 (javascript-listener-keypress-doesnt-detect-backspace。注意这些 keypress/keyup/keydown 事件,因为它们没有被处理由所有浏览器以相同的方式。
    猜你喜欢
    • 2020-01-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-03-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多