如何在用戶點擊圖像時執行javascript功能

Question

我想在用戶點擊圖片時調用或執行javascript函數。 我有許多函數的javascript文件，其中一個是ShowKeybord（）。 所以我想在用戶點擊圖片時執行這個函數ShowKeybord（）。

我嘗試使用HTML參數onclick： <img src = "' + content + '" alt = "Heads" onclick = "ShowKeyboard()" height="170" width="170"/>但它不起作用。

這是我的問題代碼，與我的問題有關。

我嘗試使用header.addEventListener('click', ShowKeyboard)並正常工作，但是當您單擊網頁標題中的任意位置時，會顯示鍵盤。 但是，我想只在用戶點擊圖像時才顯示鍵盤。

我做錯了什么，應該根據我的代碼改變什么？

非常感謝您的幫助。

Answer 1

您還可以嘗試使用具有屬性onclick="ShowKeyboard()"的div封裝您的img

這給了這樣的東西

<div onclick = "ShowKeyboard()">
<img src = "' + content + '" alt ="Heads" height="170" width="170"/>
</div>

Answer 2

在頭標記中

<script src="yourjavascriptfilepath"></script>

並且應該工作。

或者嘗試onclick="ShowKeyboard()"而不是onclick = "ShowKeyboard()"

我認為必須采取措施。

Answer 3

最好將圖像封裝在div標簽內。 正如@Lucas Duval所建議的那樣。 這絕對有效，如果不是請給你的div一個“ID”或“類”，並嘗試用JQuery處理這個。

謝謝！