greasemonkey - 将onclick事件添加到现有按钮

Question

我目前正在编写一个Greasemonkey脚本来将onclick事件添加到现有按钮，以显示一个确认弹出窗口。

这是现有的HTML：

<input type="button" id="previewOrder" title="" class="ui-button ui-widget ui-state-default ui-corner-all" role="button" aria-disabled="false" value="Preview Order"> 

我想出了下面的JavaScript，但它不能正常工作或无法

function confirm() { 
    alert ("Sure?"); 
} 

document.getElementById("previewOrder").addEventListener("click", confirm(), false); 

如何得到这个工作有什么建议？

Answer 1

confirm()是原生窗口方法。所以把它放在一个函数：

function myFunction() { 
    confirm(...); 
} 

例：

function myFunction() { 
 
    confirm("Sure?"); 
 
} 
 

 
document.getElementById("previewOrder").addEventListener("click", myFunction);

<input type="button" id="previewOrder" title="" class="ui-button ui-widget ui-state-default ui-corner-all" role="button" aria-disabled="false" value="Preview Order">

Answer 2

感谢您的帮助了。最后，看起来它没有在我身边工作的原因是脚本在页面（特别是目标元素）被加载之前执行。在添加waitForKeyElements（）实用程序后，代码正在工作。

见https://stackoverflow.com/a/12899331/3149095

function myConfirm() { 
 
confirm ("Sure?\n\nCheck rules.\n\n"); 
 
} 
 

 
function setConfirm() { 
 
document.getElementById("previewOrder").addEventListener("click", myConfirm); 
 
} 
 

 
waitForKeyElements ("#previewOrder", setConfirm);