カスタムhtml属性を持つJSイベントハンドラ

Question

私はカスタム属性について知っていたと思ったことを再訪/学習/未学習です。私がここで見つけた情報の大部分は、彼らが「受け入れられる」かどうかについての議論ですが、私の質問についての議論は見ていません：

あなたが共通のイベントハンドラ（写真のサムネイルバージョンのコレクション、クリックすると製品の詳細パネルに表示される製品詳細サムネイル）、カスタムアトリビュートを使用せずにこれを行う方法が有効です？

例えば、Webサービスにパラメータを渡すのonclickハンドラを望んでいた、そしてあなたは、属性「productDetail」でそのパラメータを格納して言ってやるがいい。

<img src="couchthumb.jpg" productDetail="couch_95" />そして、あなたはこれをやってみたかったですあなたのソファのページのサムネイルごとに

このようにしないと良い方法は何ですか？

Answer 1

HTML 5では、あなたが使用できる "データ - " 属性：そのフォームの

<img src='couchthumb.jpg' data-product-detail='couch_95'> 

すべての属性は、（HTML 5での）有効な属性です。

別のアプローチ（あなたは、物事に「権利」をやって心配ならば、それはあなたにあらゆる手段）そのようなことのために、「クラス」属性を使用することです：

<img src='couchthumb.jpg' class='productDetail:couch_95'> 

あなたのコードがしなければなりません正規表現などで値を引き出します。