画像の上にテキストを重ね、その両方に対して同様のonmouseイベントを発生させたいです。
現状は
<div id="content" onmouse="content_click()"></div>
<div id="content_text" onmouse="content_click()"></div>
としてるのですが、重なり合ってる要素に2度同じ関数を書くのは冗長のように感じてしまいます。
もっとシンプルに記述する方法はないでしょうか?
どうぞよろしくお願いします。
まずonmouseという属性は存在しないはずです…。
http://www.seo-equation.com/html/html/onmouseout
指定領域の重なり方によっては二重に指定するのが適切かもしれません。
また、画像の上にテキストの重なる場所にpositionプロパティを使って新たなブロックを重ね、そこへonmouseoverなどの属性を指定する方法はあるかもしれませんが、やり方次第では環境などによって想定外の動作を引き起こす可能性も考えられるので注意が必要です。
※ID名だけ書いてCSSを書かなかったりビルトイン関数の名前だけを書いてスクリプトの中身がどうなっているかを書いていなかったりするために非常に回答しづらいです。それと何かと初心者云々書く人がいますけど初心者であれば何かが許されるわけでもないのでご注意ください。あなた自信のためですよ?あなたがどうなろうとこっちの知るところじゃないんだ。
一個上位にdivを用意すればいいっぽ?
<div onmouseover="content_click()"> <div id="content"></div> <div id="content_text"></div> </div>
ありがとうございます。
ごめんなさい。
色々と間違えました。
onmouseover="contents_mouseover"が正しいです。
不備が多かったから回答がなかなか付かなかったのですね。
反省します。
ご指摘ありがとうございました。