GreaseMonkey onclick 绑定(bind)

Question

当我编写一个 GreaseMonkey 脚本时，如果我创建一个 div 并设置 onclick 以提醒它可以工作:

var btn = document.createElement('div');
btn.setAttribute('onclick',"alert('clicked!');");

但是，如果我要求它执行之前定义的其他操作，那么它会失败:

function graphIt() {...};
var btn = document.createElement('div');
btn.setAttribute('onclick',"graphIt();");

有什么方法可以将函数绑定(bind)到 div 的 onclick 事件？

Answer 1

您的问题是，由于您将属性设置为字符串，因此它在页面本身的上下文中评估字符串，它没有 graphIt功能。

您应该调用 addEventListener 方法，像这样:

function graphIt() {...}; var btn = document.createElement('div'); 
btn.addEventListener("click", graphIt, false);