コード: コードをコピー コードは次のとおりです: <br>#choice_list_district{ height:50px;} <br># tab td{cursor:pointer;} <br> <br>$(function () { <br>//バインディングイベント処理<br>$("#choice_list_district a").click(function (e) { <br>if ($("#divObj").css("display") == "none") { <br>e .stopPropagation (); <br>//ポップアップ レイヤーの位置を設定します<br>var offset = $(e.target).offset(); <br>//クリックの下にポップアップ レイヤーの位置を設定します<br>$("#divObj ").css({ 上: offset.top $(e.target).height() "px", 左: offset.left }); .show(); <br>} <br>else { <br>$("#divObj").hide(); <br>} <br>});ポップアップ レイヤー<br>$(document ).click(function (event) { $("#divObj").hide(); }); <br>// ポップアップ レイヤーをクリックして非表示にします<br>//$("#divObj").click (関数 (イベント) { $("#divObj").hide(speed) }); <br>$("#tab tr td").click(function) (イベント) { <br>$("#aaa" ).val($(this)>}) <br>}); </head> <br><form id="form1" runat="server"> <br><div id="choice_list_district"> <br><a href="#"> アウトレイヤー</a> <br></div><div id="divObj" style="位置: 絶対; 幅:200px; 高さ:200px;背景:青; 境界線:1px ソリッドブロック; 表示: なし; z-index:9999;"> <br><table id="tab"> <br><tr> <br><td> aaa</td> <br><tr> <br></tr> ></div> <br><div style="position:absolute; top:200px; left:200px;"> <br><input type="text" id="aaa" /> 🎜></div><br></form><br></html></div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
