javascript - 如何将参数传递给 javascript onclick 函数。请不要使用 jquery

Question

我创建了一个按钮并单击它我想将属性值传递给一个函数

<button type="button"  name="createTask" id="createTask" class="createButton" onclick="Components.init(this)" >Add Task</button>

我还有一个位于外部 js 文件中的 javascript 函数

var Components = function(attributes){
var attributed = attributes;
 var _init = function(){
    console.log("Method Executing:Compnents.init")
    alert(attributes.id)        

    }
return {
    init:_init,

    }
}()

但提醒这显示未定义。如何将参数传递给此 javascript 函数。 我在 html 主体的底部包含了这个具有此功能的 component.js

Answer 1

试试这个:

Components = {
 init: function(component) {
    console.log("Method Executing:Components.init");
    alert(component.id);
 }
};

<button type="button"  name="createTask" id="createTask" class="createButton" onclick="Components.init(this)" >Add Task</button>