2

画像マップの仕組みやコーディング方法などはよく知っていますが、画像マップクリエーターを使用して画像マップコードを生成し、HTMLTidyを使用してコードを整理するのは時間の無駄です。次に、すべての画像属性追加onclickイベントを手動で追加し、それらがfalseを返すようにしhref="#"、特に大きな画像マップの場合は、を確認します。

href urlを追加して後でコードを手動で編集するのではなく、Javascriptイベント（などonclick）を直接追加することをサポートするイメージマップクリエーターを知っている人はいますか？

4

1 に答える 1

1

あなたはこの問題を間違った方法で解決しようとしています。この問題は、イメージ マップの作成とは関係なく、HTML の操作に関係しています。イメージマップ内のタグに固有のものはありません。

つまり、たまたまイメージマップである HTML に対して実行したいことがたくさんあります。問題を解決するために、HTML を操作するために特別に設計されたもの (jQuery など) を使用してみませんか?

「onclick イベントを追加し、それらが false を返すようにし、href="#"...

$('area').attr('href','#');
$('area').attr('onclick','.. whatever you want ...');

jQuery が JavaScript ツールであるからといって、1 回限りのタスクに使用できないわけではありません。Chrome で右クリックし、「HTML としてコピー」要素を調べます。

jQuery を使用してonclick属性を追加することは、通常はほとんど意味がありません。イベント ハンドラーを追加するだけでよいからです。ただし、ハードコーディングされた HTML としてコピー/貼り付けする HTML を作成する場合は、これを行うことができます。しかし、私が一般的に言えば、特に（あなたが言うように）多くの要素を持つイメージマップでは、「onclick」はペストのように避けるべきです。無駄な帯域幅です。とにかくJavaScriptハンドラーをバインドしているので、ページですでにJavaScriptを実行していることは明らかです。javascript を使用してハンドラーをバインドしないのはなぜですか?

于 2012-05-05T15:48:32.003 に答える