- ベストアンサー
マウスクリック時の動作を指定する方法
- マウスクリック時に動作する要素を指定する方法について説明します。
- 特定の要素をクリックした場合にのみ動作させる方法について解説します。
- jQueryを使用して要素のクリック時に特定の動作をさせる方法について説明します。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
参考まで。 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function () { $(".button").mousedown(function (e) { var border_width = parseInt($(this).css('border-width')); if (e.offsetX < border_width || e.offsetX > $(this).innerWidth() || e.offsetY < border_width || e.offsetY > $(this).innerHeight()){ $("#message").text("マウスのボタンが押されました。"); } }); $(document).mouseup(function (e) { $("#message").empty(); }); }); </script> <style> .button { border: solid 10px #0094ff; background-color: #e1e1e1; width: 200px; height: 32px; } </style> </head> <body> <div class="button">枠</div> <div id="message"></div> </body> </html>
お礼
ありがとうございます。参考にさせていただきます。