javascript - JS 将 DOM 作为函数参数传递

Question

我有这个代码:

let button = document.createElement('button');
button.addEventListener('click', create, false);

当我单击按钮时，将执行“创建”功能。我的“创建”功能是:

function create(event) {
event.preventDefault();
console.log(this);
}

“this”是按钮的 DOM。

现在，我想要的是在创建按钮后，“create”函数会自动执行，但将按钮的 DOM 作为参数传递。也就是说，执行该功能不需要交互。但“create”函数的结果必须是相同的。

谢谢!

Answer 1

我不知道你想要实现什么，但这是代码......

使用事件监听器:

var button = document.createElement('button');
button.innerHTML = 'OK';
document.body.appendChild(button);

button.addEventListener('click', create, false);

function create(event) {
  event.preventDefault();
  console.log(this);
}

没有事件监听器:

var button = document.createElement('button');
button.innerHTML = 'OK';
document.body.appendChild(button);

create.bind(button)();

function create() {
  console.log(this);
}