keyup无法在Android上运行Chrome

前端之家收集整理的这篇文章主要介绍了keyup无法在Android上运行Chrome前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在使用bootstrap typeahead.

它取决于这个jQuery代码工作:

el.on('keyup',doSomething() )

在Windows上的Chrome上运行正常.在Android上的Chrome上它没有. keyup事件永远不会被触发.它所绑定的元素肯定是焦点.

这似乎是最近的发展.

Chrome 28.0.1500.64
Android 4.1.2 SGP321 Build / 10.1.1.A.1.307

谢谢

–Justin Wyllie

最佳答案
我今天早些时候遇到过同样的问题. android chrome如何不支持这些关键事件!我假设你现在已经找到了一个解决方法,但这是我现在提出的修复方法.

function newKeyUpDown(originalFunction,eventType) {
    return function() {
        if ("ontouchstart" in document.documentElement) { // if it's a touch device,or test here specifically for android chrome
            var $element = $(this),$input = null;
            if (/input/i.test($element.prop('tagName')))
                $input = $element;
            else if ($('input',$element).size() > 0)
                $input = $($('input',$element).get(0));

            if ($input) {
                var currentVal = $input.val(),checkInterval = null;
                $input.focus(function(e) {
                    clearInterval(checkInterval);
                    checkInterval = setInterval(function() {
                        if ($input.val() != currentVal) {
                            var event = jQuery.Event(eventType);
                            currentVal = $input.val();
                            event.which = event.keyCode = (currentVal && currentVal.length > 0) ? currentVal.charCodeAt(currentVal.length - 1) : '';
                            $input.trigger(event);
                        }
                    },30);
                });
                $input.blur(function() {
                    clearInterval(checkInterval);
                });
            }
        }
        return originalFunction.apply(this,arguments);
    }
}
$.fn.keyup = newKeyUpDown($.fn.keyup,'keyup');
$.fn.keydown = newKeyUpDown($.fn.keydown,'keydown');
原文链接:https://www.f2er.com/jquery/428221.html

猜你在找的jQuery相关文章