如何在外部JS文件上調用onclick？ w/o jquery

我正在使用html5和javascript在一些網絡上進行非常簡單的拖放遊戲。他們拖動元素後，我有一個按鈕，驗證排列是否正確。我的驗證功能在外部JS文件上，我使用輸入標籤內的onclick調用它。它的工作原理，但是我的老闆不希望事件處理程序在html上顯示。我剛剛開始使用JavaScript，所以有沒有辦法調用一個onclick事件，而不使用HTML文件中的標籤onclick？如何在外部JS文件上調用onclick？ w/o jquery

我讀過你可以很容易地用jQuery來做，但是你可以在沒有jQuery的情況下使用它嗎？

來源

2013-07-03 user2091756

爲什麼要避免使用JQuery？ –

我對JavaScript很陌生，我主要是flash/as3設計師，所以我將不得不進行大量調查以適應Jquery。 – user2091756

*某物*必須觸發您在onclick事件中調用的功能。我必須想象，當你放棄你的物品時，你會有一些JavaScript在物品「掉落」時觸發。我只是在放置結束時添加一個對onclick函數的調用。 – dparsons

您可以點擊事件綁定到該按鈕，就像他們在jQuery的做：

document.onclick = function(event) { 
    var targetElement = event.target; 
    if (targetElement.className == "myButton") { 
     // do something 
     alert("my button clicked"); 
    } 

};

此示例適用於一類的名字，但你可以改變你想要的按鈕或其他事情的任何屬性。

來源

2013-07-03 16:44:31 Avitus

感謝它的工作！我只是用id替換了classname。再次感謝！ – user2091756

我從你的問題中得到兩個含義。 1）你想調用onclick事件的特定事物。
爲此，您可以直接調用您想要調用的方法。

2）不顯示在它有onclick的HTML。爲此，你可以使用類似這樣的東西：

document.getElementById('id').onClick = "yourMethod()";

希望它有幫助。

來源

2013-07-03 16:40:48 Amit

謝謝，它沒有工作，但它給了我一些想法嘗試，ty！ – user2091756

如何在外部JS文件上調用onclick？ w/o jquery

回答

相關問題