delegate() 事件委托

目前公司项目用的自己的框架，项目中遇到一个问题。

点击下拉树此处，可以清除输入框的内容，但后面查找时还是清除前的数据。封装的框架里，没有对应的处理事件，起没有dom可以定位的id等，是以需要原生js来处理。

这里引入 delegate() 事件委托

delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。

语法

$(selector).delegate(childSelector,event,data,function)

参数	描述
childSelector	必需。规定要附加事件处理程序的一个或多个子元素。
event	必需。规定附加到元素的一个或多个事件。 由空格分隔多个事件值。必须是有效的事件。
data	可选。规定传递到函数的额外数据。
function	必需。规定当事件发生时运行的函数。

 

 

 

 

 

以上是比较官方的介绍，下面来实际解决我遇到的问题。

首先用浏览器调试出页面代码

找到 × 对应的页面代码，可以找到对应的id为 fn_treeId_remove

这样就好办了，可以在js里对此对应添加一个点击事件来做处理。

$("body").delegate("#fn_treeId_remove","click",function(){
        Base.setValue("zzid","");
    });

这样就完美解决了~

 

转载于:https://www.cnblogs.com/yanqw/p/11138815.html