disabledを指定しても効かない

2021.03.22
html
html

くだらない理由でbuttonタグにdisabledを指定しても効かなくて、少しハマったので記述してます。

1. 環境
2. disabledが効かない
3. 原因

環境

ブラウザ chrome 84.0.4147.105

disabledが効かない

別の人が書いたコードの「button」タグに「disabled」を指定するだけだったのですが、指定しても、非活性化されませんでした。

<button id="hoge" type="submit" disabled>確認</button>

1	<button id="hoge" type="submit" disabled>確認</button>

chromeのデベロッパーツールで確認したら「disabled」がついていない

原因

コードをよく見ると、javascript時にonloadで「disabled」にされていた。ちょっとはまったので、メモしておきます。

<script>
  window.onload = () => {

    hoge.removeAttribute("disabled");

  }
</script>

<body>
<button id="hoge" type="submit" disabled>確認</button>
</body>

window.onload = () => {

hoge.removeAttribute("disabled");

}

</script>

<body>

</body>

下図のようなコードになってました。

当然、JSを変更すれば「disabled」は効くようになります。

disabledを指定しても効かない

環境

disabledが効かない

原因

php 変数を変数として利用する 2021.03.21

javascript metaKeyプロパティでmacのcommandキーが押されているかを判定する 2021.03.22