您的位置:首页 > Web前端 > JavaScript

input 使用js赋值而非手动输入input,并执行input事件对应函数

2018-01-13 00:00 471 查看
摘要: 数据的双向绑定原理,使用封装属性访问器实现这一功能

背景:在开发过程中需要用到layui的下拉列表,且需要在隐藏输入框的时候保持输入搜索功能,因此需要使用js赋值给input并调用input事件对应的函数

经试验,由于作用域的不同,在layui源码中定义监听input的input,change,propertychange,blur事件,在comment.js中激发该input的这些事件并不会触发执行对应的函数,因此转而研究数据的双向绑定原理,使用封装属性访问器实现这一功能

var jsinput = undefined;
Object.defineProperty(input[0], 'jsinput', {
get: function() {
return input[0].value;
},
set: function(value) {
input[0].value=jsnput = value;
var mmm=function(v){ console.log(v); }
mmm(value);
}
});

当执行input.prop("jsinput","aaa")时,会执行mmm函数,输出aaa
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐