iOS中文输入法屡次触发的问题及解决方案

　　最近要在移动端实现一个文本框实时搜索的功能，即在文本框里每输入一个字，就向服务器请求一次搜索结果。暂且不考虑性能优化问题，第一时间想到的是用keyup实现：

$('input').on('keyup',function() {
    AjaxRequest();
});

这在安卓上没有问题，但在iOS上若是使用中文输入或者输入法的预设文本，就不会触发keyup事件，所以也就没法和服务器通讯。为解决这个问题，在网上查了些资料，HTML5有专门处理的事件oninput，能够响应实时输入：

$('input').on('input',function() {
    AjaxRequest();
});

这样在输入中文时就能监听到文本框的变化了。但仍是有问题，在输入中文时，好比“我”字，拼音是“wo”，五笔是"q"，均会向服务器发送三次请求，若是打印出来，会获得“我”、“”、“我”三个值，可我只想在“我”字输出到文本框之后再发请求，这时候就须要一个专门的compositionstart和compositionend事件来处理这种状况，这是参考资料。

“compositionstart 事件触发于一段文字的输入以前（相似于 keydown 事件，可是该事件仅在若干可见字符的输入以前，而这些可见字符的输入可能须要一连串的键盘操做、语音识别或者点击输入法的备选词）。“

最后，完整代码以下：

var lock = false;
$('input').on({
    input: function() {
        if(!lock) AjaxRequest(); //这里再调用一次方法是为了响应退格删除中文
    },
    compositionstart: function() {
        lock = true;
    },
    compositionend: function() {
        lock = false;　　　　　
        AjaxRequest(); //能够响应正常中文输入，但不响应使用退格删除中文
    }
});