JS將事件添加到腳本中作爲參數

Question

我知道標題有點混亂，但我不知道如何更好地解釋它。 現在我有這樣的：

<script> 
button.onclick=delete; 
</script> 

但我需要發送由onclick事件產生的函數刪除的事件。 喜歡的東西...

<script> 
button.onclick=delete(event); 
</script> 

我不知道如何做到這一點。 請幫忙。 謝謝。

Answer 1

該事件已經傳遞給該函數。 jsFiddle

var button = document.getElementById('myButton'); 

button.onclick = func; 

function func(event) { 
    console.log(event); 
} 

你將不得不改變函數的名稱，因爲delete已經在JavaScript

Answer 2

使用 '這' 指事件源關鍵字：

<script> 
button.onclick=mydelete(this); 

//as noted by the other answer, delete is already a function, so choose your own name 
function mydelete(obj){ 
    //access properties of obj in here 
} 
</script> 

或jQuery的：

<script> 
$(button).click(function(){ 
    var obj=$(this); 
    //access obj properties here 
}); 
</script> 

Answer 3

Event是一個默認argument到處理程序。

function deleteFun(e){ 
 
    console.log(e) 
 
} 
 

 
document.getElementById("btn").onclick=deleteFun;

<button id="btn">click me</button>

如果您正在尋找傳遞自定義值，您可以使用.bind()的處理程序。

function notify(str){ 
 
    console.log(str) 
 
} 
 

 
document.getElementById("btn").onclick=notify.bind(null, "Hello World");

<button id="btn">click me</button>