输入文字自动筛选--类似百度的功能(onchange与oninput和 onpropertychange 两者的区别)
2018-02-27 22:53
453 查看
onchange与oninput onpropertychange(加上on用于js)(.change\.input\.propertychange用于jq) 两者的区别
onchange是有两个条件满足才能出发这个事件 1.失去光标,焦点2.键盘鼠标改变对象属性 二者缺一不可 并且脚本出发无效onpropertychange是说只要当前property属性改变的时候就会出发这个事件。 这是IE转有的
oninput 是onpropertychange的火狐google版本 只有当input框 的value发生变化是才会出发这个事件,用于监听文字的输入
$(".search_text").bind("input propertychange",function(){
$('.title').parents('.cont_one').css('display','block');
var sear_txt = $(this).val();//$(this)input框中值
if(sear_txt.length != 0){
$('.title').each(function(i,e){
var title = $('.title').eq(i).text();
if(title.indexOf(sear_txt) == -1){
$('.title').eq(i).parents('.cont_one').css('display','none');
}
});
}else{
$('.title').parents('.cont_one').css('display','block');
}
}); $(body).bind('input property',function(){
})
onchange是有两个条件满足才能出发这个事件 1.失去光标,焦点2.键盘鼠标改变对象属性 二者缺一不可 并且脚本出发无效onpropertychange是说只要当前property属性改变的时候就会出发这个事件。 这是IE转有的
oninput 是onpropertychange的火狐google版本 只有当input框 的value发生变化是才会出发这个事件,用于监听文字的输入
$(".search_text").bind("input propertychange",function(){
$('.title').parents('.cont_one').css('display','block');
var sear_txt = $(this).val();//$(this)input框中值
if(sear_txt.length != 0){
$('.title').each(function(i,e){
var title = $('.title').eq(i).text();
if(title.indexOf(sear_txt) == -1){
$('.title').eq(i).parents('.cont_one').css('display','none');
}
});
}else{
$('.title').parents('.cont_one').css('display','block');
}
}); $(body).bind('input property',function(){
})
相关文章推荐
- 仿百度搜索实时监听输入框值的oninput与onpropertychange方法
- onchange,onpropertychange,oninput键盘输入和js赋值时区别,以及输入密码时显示的是星号
- WPF 之 实现TextBox输入文字后自动弹出数据(类似百度的输入框)
- javascript 实现类似百度联想输入,自动补全功能
- WPF 之 实现TextBox输入文字后自动弹出数据(类似百度的输入框)
- WPF实现TextBox输入文字后自动弹出数据(类似百度的输入框)
- input 的属性autocomplete 默认为on 其含义代表是否让浏览器自动记录之前输入的值 很多时候,需要对客户的资料进行保密,防止浏览器软件或者恶意插件获取到 可以在input中加入a
- easyui textbox 输入小写自动变大写,easyui textbox 绑定oninput事件 easyui textbox 绑定propertychange事件
- jquery实现的类似百度搜索的输入框自动完成功能
- 实时监听输入框值变化的完美方案:oninput & onpropertychange
- js与jquery实时监听输入框值的oninput与onpropertychange方法
- oninput,onpropertychange,onchange的用法和区别
- c# ComboBox输入自动筛选功能
- 实时监听输入框值变化的完美方案:oninput & onpropertychange
- oninput,onpropertychange,onchange的用法和区别
- oninput,onpropertychange,onchange的区别和用法
- 实时监听输入框值变化的完美方案:oninput & onpropertychange
- 仿百度搜索自动输入提示功能JQuery Autocomplete
- onpropertychange、oninput监听input输入框值实时变化
- 实时监听输入框值变化的完美方案:oninput & onpropertychange