{"id":5410,"date":"2026-07-27T19:09:14","date_gmt":"2026-07-27T10:09:14","guid":{"rendered":"https:\/\/dennie.tokyo\/it\/?p=5410"},"modified":"2026-07-27T19:23:12","modified_gmt":"2026-07-27T10:23:12","slug":"preventdefault%e3%81%a8%e3%81%af","status":"publish","type":"post","link":"https:\/\/dennie.tokyo\/it\/?p=5410","title":{"rendered":"preventDefault\u3068\u306f"},"content":{"rendered":"\n<p>preventDefault\u3068\u306f\u4f55\u304b\u306b\u3064\u3044\u3066\u7c21\u5358\u306b\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<!--more-->\n\n\n\n<h1 class=\"wp-block-heading\">\u8aac\u660e<\/h1>\n\n\n\n<p>\u30ea\u30f3\u30af\u306e\u9077\u79fb\u3084\u30d5\u30a9\u30fc\u30e0\u306e\u9001\u4fe1\u306a\u3069\u3001\u30d6\u30e9\u30a6\u30b6\u306b\u6700\u521d\u304b\u3089\u5099\u308f\u3063\u3066\u3044\u308b\u6a19\u6e96\u306e\u52d5\u4f5c\uff08\u30c7\u30d5\u30a9\u30eb\u30c8\u52d5\u4f5c\uff09\u3092\u30ad\u30e3\u30f3\u30bb\u30eb\u3059\u308b\u305f\u3081\u306e\u30e1\u30bd\u30c3\u30c9\u3067\u3059\u3002<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">\u56f0\u3063\u3066\u3057\u307e\u3046\u30b1\u30fc\u30b9<\/h1>\n\n\n\n<p>preventDefault \u3092\u4f7f\u7528\u3057\u306a\u3044\u3068\u56f0\u3063\u3066\u3057\u307e\u3046\u30b1\u30fc\u30b9\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u8272\u304c\u5909\u308f\u308b\u30dc\u30bf\u30f3\u3092 a\u30bf\u30b0 \u3092\u4f7f\u7528\u3057\u3066\u4f5c\u6210\u3057\u307e\u3059\u3002\u3053\u308c\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30dc\u30bf\u30f3\u306e\u8272\u306f\u5909\u308f\u308a\u307e\u3059\u304c\u3001\u753b\u9762TOP\u3078\u9077\u79fb\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>HTML<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;a href=&quot;#&quot; id=&quot;btn&quot; class=&quot;sample&quot;&gt;\u30db\u30fc\u30e0&lt;\/a&gt;<\/code><\/pre><\/div>\n\n\n\n<p><strong>CSS<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>.sample {\n  color: #000000;\n  font-size: 1rem;\n  text-decoration: none;\n  padding: 10px;\n  display: inline-block;\n  border: 1px solid #296971;\n}\n\n.sample.active {\n  color: #ffffff;\n  background-color: #296971;\n}<\/code><\/pre><\/div>\n\n\n\n<p><strong>javascript<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>const btn = document.getElementById(&#39;btn&#39;);\n\nbtn.addEventListener(&#39;click&#39;, function (e) {\n  btn.classList.toggle(&#39;active&#39;);\n});<\/code><\/pre><\/div>\n\n\n\n<p><strong>\u7d50\u679c<\/strong><\/p>\n\n\n\n<style>\n.sample-01 {\n  color: #000000;\n  font-size: 1rem;\n  text-decoration: none;\n  padding: 10px;\n  display: inline-block;\n  border: 1px solid #296971;\n}\n\n.sample-01.active {\n  color: #ffffff;\n  background-color: #296971;\n}\n<\/style>\n<a href=\"#\" id=\"btn-01\" class=\"sample-01\">\u30db\u30fc\u30e0<\/a>\n\n<script>\nconst btn = document.getElementById('btn-01');\n\nbtn.addEventListener('click', function (e) {\n  btn.classList.toggle('active');\n});\n<\/script>\n\n\n\n<h1 class=\"wp-block-heading\">\u6539\u5584<\/h1>\n\n\n\n<p>preventDefault \u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30af\u30ea\u30c3\u30af\u3057\u3066\u3082\u753b\u9762TOP\u3078\u9077\u79fb\u3057\u306a\u3044\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002HTML\u3001CSS\u306f\u5909\u308f\u308a\u306a\u3044\u306e\u3067\u5272\u611b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>javascript<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>const btn = document.getElementById(&#39;btn&#39;);\n\nbtn.addEventListener(&#39;click&#39;, function (e) {\n  e.preventDefault();\n  btn.classList.toggle(&#39;active&#39;);\n});<\/code><\/pre><\/div>\n\n\n\n<p><strong>\u7d50\u679c<\/strong><\/p>\n\n\n\n<style>\n.sample-02 {\n  color: #000000;\n  font-size: 1rem;\n  text-decoration: none;\n  padding: 10px;\n  display: inline-block;\n  border: 1px solid #296971;\n}\n\n.sample-02.active {\n  color: #ffffff;\n  background-color: #296971;\n}\n<\/style>\n<a href=\"#\" id=\"btn-02\" class=\"sample-02\">\u30db\u30fc\u30e0<\/a>\n\n<script>\nconst btn_02 = document.getElementById('btn-02');\n\nbtn_02.addEventListener('click', function (e) {\n  e.preventDefault();\n  btn_02.classList.toggle('active');\n});\n<\/script>\n\n\n\n<h1 class=\"wp-block-heading\">\u6700\u5f8c\u306b<\/h1>\n\n\n\n<p>preventDefault \u3092\u304a\u307e\u3058\u306a\u3044\u306e\u3088\u3046\u306b\u4f7f\u3063\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u7406\u89e3\u304c\u6df1\u307e\u308a\u307e\u3057\u305f\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>preventDefault\u3068\u306f\u4f55\u304b\u306b\u3064\u3044\u3066\u7c21\u5358\u306b\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n","protected":false},"author":1,"featured_media":4348,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-5410","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=\/wp\/v2\/posts\/5410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5410"}],"version-history":[{"count":10,"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=\/wp\/v2\/posts\/5410\/revisions"}],"predecessor-version":[{"id":5420,"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=\/wp\/v2\/posts\/5410\/revisions\/5420"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=\/wp\/v2\/media\/4348"}],"wp:attachment":[{"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5410"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5410"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}