javascript - 在 Chrome 中的非焦点输入元素中捕获日语输入

Question

当用户开始输入时 <input>元素未聚焦，我希望用户的输入进入文本输入元素。我通过调用$input.select()来实现这一点如果输入尚未获得焦点，则在 keydown 处理程序中。

这适用于英语，但 Chrome 44 和 Firefox 39 之间的日语输入行为不同(在 OSX 中；我尚未在 Windows 中进行测试)。我的目标是在 Chrome 中实现 Firefox 的行为。

重现步骤

1. 在键盘首选项中添加日语输入源，然后将键盘切换为平假名
2. 确保输入没有聚焦
3. 输入eigo

预期 (适用于 Firefox，但不适用于 Chrome)

输入值为“えいご”，然后我可以从下拉列表中选择“英语”。

观察

输入值为“eいご”

$(function() {
    var $input = $('input:first');

    $(window).on('keydown', function(e) {
        if ($input.is(':focus')) {
            return;
        }
        $input.select();
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" />

Answer 1

答案:这是 chromium 中的一个错误；截至 2015 年 12 月，无法修复。

看起来它与这个 chromium bug 有关:https://code.google.com/p/chromium/issues/detail?can=2&start=0&num=100&q=ime&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified&groupby=&sort=&id=551716 .

有一个 W3c API 草案 http://www.w3.org/TR/ime-api/这可能有帮助，但看看 http://caniuse.com/#search=inputmethod听起来暂时不太可能构建出解决方案。