jquery mobile - 移动设备上的 keyup keydown

Nig*_*son 5 javascript android onkeyup jquery-mobile

我需要一个输入 (type='text') 将结果发送到我的服务器以检查用户输入的内容的可用性。

我使用委托将事件处理程序添加到元素:

$(document).delegate('#signup', 'pageshow', function() {
    var keydown = function(e) {
        e = e || window.event;
        var char = e.which || e.keyCode;
        if (char == 8) {
            $(".pagemessage").text("Pressed: '<BACKSPACE>'");
            appcheckDomainOnKeyDown();
        }
        return true;
    };

    var keyup = function(e) {
        e = e || window.event;
        var char = e.which || e.keyCode;
        if (char == 8) {
            appcheckDomainOnKeyUp();
        }
        return true;
    };

    var keypress = function(e) {
        e = e || window.event;
        var char = e.which || e.keyCode;
        var str = String.fromCharCode(char);
        $(".pagemessage").text("Pressed: '" + str +"'");
        if (/[a-zA-Z0-9-\._]/.test(str) || char == 8 || char == 9) {
            appcheckDomainOnKeyDown();
            appcheckDomainOnKeyUp();
            return true;
        }
        return false;
    };
Run Code Online (Sandbox Code Playgroud)

关键处理程序在我的桌面上完美运行,但在移动设备上却无法运行。希望您能看到我正在尝试允许某些字符进入框中(以及用于删除字符的退格。

从我看不到 pagemessage 元素更新的事实来看,'keypress' 似乎没有被困住。我尝试在 keyup/keydown 中处理这个问题,但我不确定如何应用 shiftKey 位来获得按下的实际字符 - 例如按 + 5 会给出 '%' 但是在 keydown 中它返回 shiftKey 和 5。

我阅读了文档,我能找到的最接近 'keypress' 的是一个 'tap' 事件,但这也不起作用。

我已经尝试按照此处的一篇文章中的建议捕获“keypress”事件,在台式机上这不会捕获退格键,并且在移动设备上根本不执行任何操作。

然后我按照另一篇文章中的建议尝试了这个:

    var inputEV = 'oninput' in window ? 'input' : 'keyup';
    $("#new_domain").off(inputEV);
    $("#new_domain").on(inputEV, function (e) {
        keydown(e);
        keyup(e);
    });
Run Code Online (Sandbox Code Playgroud)

它不适用于桌面浏览器或移动设备。

然后我尝试将输入类型更改为“搜索”,并且我得到了一个很好的增强,按键确实添加了一个清除按钮......但在移动设备上对我自己的功能没有任何作用。

我想我已经没有什么可以尝试的了,唯一剩下的就是添加一个按钮来检查 - 没有人想要:)

有谁知道我怎么做我需要的?

如果相关,我在台式机和安卓设备(HTC 和 Nexus 5)上使用 chrome

sha*_*bus 3

Keyup 应该可以工作。它在此示例中有效:http://jsbin.com/aNEBIKA/2/。在我的 Galaxy S3 上测试发现。每次按键都会h3使用输入的文本更新页脚元素。

难道你在错误的时间束缚了你的听众?该文档确实建议像这样进行绑定:

$(document).bind('pageinit')
Run Code Online (Sandbox Code Playgroud)

http://demos.jquerymobile.com/1.2.0/docs/api/events.html