从javascript模块中获取事件目标

Question

我第一次使用揭示模块模式并逐渐掌握它。

在我的HTML中我有这样的事情：

<a href='#' onclick='myApp.doStuff'>Click here</a>

在javascript我有：

var myApp = (function () {

    var doStuff = function() {
        //Get clicked element and modify it with jQuery?
    }

    return {
        doStuff: doStuff
    }

})();

如何在上面指出的位置获得点击的元素？

Answer 1

你可以使用jQuery方法，比如alex23说。

但你也可以用html写：

<a href='#' onclick='myApp.doStuff(this)'>Click here</a>

这对你的javascript：

var myApp = (function () {

    var doStuff = function(elem) {
        //use the element here
    }

    return {
        doStuff: doStuff
    }

})();

更新

如果您也想传递事件对象，请将onclick中的调用扩展为：

onclick='myApp.doStuff(this, event)'

和javascript：

...
var doStuff = function(elem, event){
...
}

Answer 2

使用jQuery事件处理。 跨浏览器事件处理在JavaScript中不是一件小事。

说你有：

<a id="someLink" ..etc>Click here</a>
$("#someLink").click(function(event) {
   $(this).html("I have been clicked");
});