javascript - 画像用のclick（）関数はありますか？

Question

click()画像用の機能はありますか？機能ではありませんが、ボタンのようなonClick実際の機能にはclick()

Answer 1

いいえ、画像には機能がありませんclick。

HTMLImageElementのIDL（リストされていないclick）とHTMLInputElementのIDL （リストされている）を比較しclickます。

（ただし、興味深いことに、HTML5仕様（より最近のもの）では、s。Links ：HTML5 - HTML5clickで関数が表示されなくなりました。）HTMLInputElementHTMLImageElementHTMLInputElement

Answer 2

編集

このjQueryソリューションを試すこともできます

<img src="http://jsfiddle.net/img/logo.png" />

次のようなバインドイベント：

$(function () {
  $("img").click(function() {
    alert('Hello World!');  
  });
});

---

javascriptとhtmlソリューション

そうではないと思いますが、このように回避することができます

<a href="#" onClick="alert('Hello World!')"><img title="The Link" /></a>

これにより、画像をクリック可能になります

Answer 3

ボタンに画像を配置します。

<button><image src="foo"/></button>

内部のイメージ タグの代わりに background-image を使用できます。

Answer 4

mouseupイベントにバインドしない理由はありますか?

http://jsfiddle.net/kR3P9/

ID が " example " の画像の場合:

function init() {
    var example = document.getElementById("example");
    example.addEventListener("mouseup", function() {
       alert("Mouse up!");
    }, false);
}

document.addEventListener("DOMContentLoaded", init, false);​

Answer 5

画像にアクションを起こそうとしているようです。クリックしたときに画像がページ上でアクションを実行する場合、おそらく既にタグでラップされています。作業中のページを見なくても、使用できると思います

$(imageElement).parent("a").click()