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

以下のようなHTMLがあって、<p id="aaaa">で囲まれた部分をクリックしたら
プルダウンを表示して、それ以外をクリックしたら表示を消す際に
どうしたらよろしいでしょうか?

<body id="dddd">
<p id="aaaa">
<span>選択</span>
</p>
<script>
document.getElementById("aaaa").onmousedown = test;
function test(e){
{document.getElementById("cccc").style.visibility="visible"}

}
document.getElementById("dddd").onmousedown = aaa;
function aaa(e){
{document.getElementById("cccc").style.visibility="hidden"}
}

</script>
<div id="cccc">
<ul>
<li><a href="/aaa/"><span>★</span>BBB</a></li>
</ul>
</div>


●質問者: hopefully
●カテゴリ:就職・転職 ウェブ制作
✍キーワード:AAA HTML test クリック
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● xcaqhbaj
●60ポイント

こんなんでどうでしょう。

<script>
var flag = false;

document.getElementById("aaaa").onmousedown = test;
function test(e){
{document.getElementById("cccc").style.visibility="visible"}
flag = true;
}

document.getElementById("dddd").onmousedown = aaa;
function aaa(e){
if(flag==false){
{document.getElementById("cccc").style.visibility="hidden"}
}

flag = false;
}
</script>

単に外部にフラグを持って、p内でのイベントならbody内での処理を弾いただけです。

変数としてフラグを利用するのを避けたければ、setAttributeを用いて属性をフラグとして追加すると良いと思います。

◎質問者からの返答

ありがとうございます。

ですが、これだとプルダウンの中のリンクが動かないような

気がするのですがプルダウンのリンクも有効に出来ないでしょうか?

関連質問


●質問をもっと探す●



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