從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");
});