js中如何通过单击事件获取当前对象，并传递

在给标签绑定事件时在回调事件里有一个event参数，可以通过eventtarget获取当前对象，在处理函数里把当前对象当做参数传递过去。如：

$('list')click(function(event){

    var ele=eventtarget;

    deal(ele);

});

//处理函数

function deal(obj){

}

只是举一个例子，如果有错误，请指出。

vue的双向数据绑定大家应该很熟悉了，当一方的值发生改变时，另一方绑定的值也会随之变化，用起来是挺嗨的。

但是在原生中我们怎么使用这种机制呢？

最近有个需求是通过对接websocket获取后台服务器实时变化的值，推送给web端使用。

基于这个需求，我使用到了js中的设计模式-观察者模式。

那么，让我们来一起了解一下吧。

先来看看具体机制：

这里对象定义了四个属性，分别绑定四个函数。

1、订阅：订阅方通过传递回调函数，观察者模式把这个回调函数push到自身的订阅功能里，以此来得知谁订阅了，然后判断是否要推送。

2、退订：找到对应的回调函数，然后在自身的订阅功能里把当前函数删除掉

3、发布：循环所有的订阅方，当发布方进行发送的时候，把对应的数据推送给订阅方

4、发布订阅：定义一个对象，使其具备订阅并且发布的功能

流程是这样，说起来头头是道的，问题是怎么使用？

举个栗子：

我想定义一个对象，使其具备发布订阅功能，发布方数值改变的时候，订阅方得到平方值得变化

这里通过input框的change事件，模拟了数据的实时变更，然后把当前值进行发布，这边一发布，订阅方就能通过回调函数得到实时变化的值，然后得到值进行相应的 *** 作。

效果：

这样就能简单实现数据变更推送功能了。

注：文件中引入的observer的js是最上面提到的观察者模式的那一套流程，tools的js大家可以不必在意，是我自己原生封装的$函数，用来获取dom元素的。

具体需求，大家还需要变通，稍作修改。

好了，以上就是js的观察者模式实现的双向数据绑定。

如有问题，请指出，接受批评。

​

<div id="div1">divdiv</div>

windowonload = function(){

    documentgetElementById("div1")onclick = function(){

        show(thistitle);

    };

};

function show(_title) {};

需要通过return的方式把要调用的函数返回给外部。

比如：

<script>

var ta = (function(){//定义一个闭包匿名函数。

return function(){//返回匿名函数内部的匿名函数给ta

alert('1');

}

})();

ta();//执行ta，d出信息1

</script>

补充：

闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量。这种写法就是闭包的写法，闭包内部的函数如果不是return方式，在外部无法获取，无法进行调用。

扩展资料：

Function函数与Sub过程类似。但 Function函数可以有返回值。可以使用参数。如果 Function函数没有任何参数，则 Function语句必须要包含空括号。 Function函数通过函数名返回一个值。返回值的数据类型是Variant

语法： Function 函数名 （参数1，参数2，)

End Function

Function函数是包含在Function和End Function语句之间的一组VBScript语句。

参考资料来源：百度百科-Function函数

以上就是关于js中如何通过单击事件获取当前对象，并传递全部的内容，包括:js中如何通过单击事件获取当前对象，并传递、js设计模式-观察者模式来模拟vue的双向数据绑定、js给页面元素绑定事件触发函数时，想给处理函数传入元素自身的值如何实现等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！