如何使用onkeyup是什么事件事件获取comboBox输入的内容

onchange在用于文本框输入框时,有一个明顯的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性!

为了达到在文本框中输入内容后立即触發事件,可以用onkeyup是什么事件事件

兼容浏览器可以用oninput事件,谷歌浏览器、IE10测试没问题 没测试是否兼容其他浏览器

下面附上我自己做的一个唎子

需求:输入文本框后检索下拉框选项,匹配则设为选中项不匹配则把选中项改成默认第一个

方法二:使用oninput事件

    网上这样的控件不少有很多实現方法,其中不少的很巧妙

    例如:在文本框(HTML INPUT)后,添加一个隐藏层隐藏层上放一个下拉列表,存储了所有可能的元素每次文本框觸发onpropertychange事件,就是对隐藏层上下拉列表数据的过滤显示而选择下拉列表,则对文本框进行赋值......然后我们可以通过一些CSS技巧将它的外观调整成一个可输入可联想下拉列表的模样。

   缺陷是手动输入的不存在的项,在后台无法取到

    两种方式区别:由于载体的不同,一个<input>一個<select>,导致在后台我们取值方法和取的内容也不同。虽然说两者在外观和功能上一模一样,但后者才能真正算可输入可联想的下拉列表吧!

我要回帖

更多关于 onkeyup是什么事件 的文章

 

随机推荐