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

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

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

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函数

相关文章
相关标签/搜索