input输入框相关问题

1、onchange与onblur区别？

在html中，此处onchange事件并不是指input中文字改变的意思，它与onblur差不多，唯一区别是，onblur只要文本框失去焦点即触发，而onchagne必须是失去焦点并且文字跟上一次不同，才可以触发

2、type=search问题？

在PC端，会显示右侧✘按钮，自带一键文字；但是移动端很可能不会显示；
安卓下键盘回车键会变成“搜索”文字，但是iOS不会

3、如何实时监听文字的改变？

IE浏览器下：(通过js修改value也会触发)

    var input = document.getElementById("textF");

    input.onpropertychange = function () {
        console.log(this.value);
    };

其它浏览器下：(通过js修改value不会触发)

        /* 两种方式均可 */
//    input.addEventListener("input", function () {
//        console.log(this.value);
//    });

    input.oninput = function () {
        console.log(this.value);
    }

4、可以通过监听键盘点击

   $("#textF").bind("keyup", function () {
    console.log($(this).val());
});

参考技术页面：

• oninput 事件
• input标签内容改变的触发事件