人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

【初心者】サイト作成に関して質問です。
画像の上にテキストを重ね、その両方に対して同様のonmouseイベントを発生させたいです。

現状は
<div id="content" onmouse="content_click()"></div>
<div id="content_text" onmouse="content_click()"></div>
としてるのですが、重なり合ってる要素に2度同じ関数を書くのは冗長のように感じてしまいます。

もっとシンプルに記述する方法はないでしょうか?
どうぞよろしくお願いします。

●質問者: nortonjr
●カテゴリ:インターネット ウェブ制作
✍キーワード:イベント サイト シンプル テキスト 作成
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Marine-Blue
●35ポイント

まずonmouseという属性は存在しないはずです…。

http://www.seo-equation.com/html/html/onmouseout

指定領域の重なり方によっては二重に指定するのが適切かもしれません。

また、画像の上にテキストの重なる場所にpositionプロパティを使って新たなブロックを重ね、そこへonmouseoverなどの属性を指定する方法はあるかもしれませんが、やり方次第では環境などによって想定外の動作を引き起こす可能性も考えられるので注意が必要です。

※ID名だけ書いてCSSを書かなかったりビルトイン関数の名前だけを書いてスクリプトの中身がどうなっているかを書いていなかったりするために非常に回答しづらいです。それと何かと初心者云々書く人がいますけど初心者であれば何かが許されるわけでもないのでご注意ください。あなた自信のためですよ?あなたがどうなろうとこっちの知るところじゃないんだ。

◎質問者からの返答

ごめんなさい。

色々と間違えました。

onmouseover="contents_mouseover"が正しいです。

不備が多かったから回答がなかなか付かなかったのですね。

反省します。

ご指摘ありがとうございました。


2 ● aside
●35ポイント

一個上位にdivを用意すればいいっぽ?

<div onmouseover="content_click()">
<div id="content"></div>
<div id="content_text"></div>
</div>

http://q.hatena.ne.jp/

◎質問者からの返答

ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ