在输入中文未完成选择时不让其执行键盘输入值改变的监听事件

        当时是在做Wes Bos的javascript30的一个挑战。在做第六个项目（根据输入框实时调用AJAX古诗匹配）时，当我们输入中文拼音，还在拼音字符状态未选择成中文时，一直在执行我编写的事件监听处理函数（当输入框里的值有变化时执行此函数，调用AJAX在页面显示数据里包含这些字的古诗）。而我想要的是在我们输入拼音未完成中文选择时，不让其执行我们的监听处理函数，只有选择完中文后才去执行调用AJAX判断有没有包含输入的这些字的古诗。

        项目效果图如下：

        此问题解决方法如下：

        当我们开始进行input的输入改变了input框里的值时，js会监听到input propertychange事件，执行判断（一开始时$(this).prop('cnStart')的值我们没有定义，为undefined，在监听了compositionstart和compositionend事件后会相应变为true和false，非true时不会进行return），再输出文本，接下来此时会执行此函数中其它的一些操作（AJAX请求...）。

        而当我们输入框输入的文字还在待选状态时（如：输入拼音未选择完成时），便会触发compositionstart事件，此时我们通过jquery的prop()方法给这个input元素添加自定义属性（cnStart：自定义名称，表示中文输入开始）和值（true），执行输出语句。此时执行完compositionstart事件后，因为输入框内文字有发生变化，会再去调用上面的input propertychange事件=>进行判断，此时$(this).prop('cnStart')的值为true，会执行return语句，因此便会截断下面的所有操作，使其不会去执行。

        而当我们输入框输入的文字不在待选状态后（如：输入拼音后完成了中文选择时），便会触发compositionend事件，此时我们再将cnStart这个自定义属性设置为false，代表我们已经完成了中文输入，执行输出语句。此时执行完了compositionend事件，同上会再去调用input propertychange事件=>进行判断，此时$(this).prop('cnStart')的值为false，不会执行return语句，那么接下来才会顺利执行我们此函数中的一系列操作。