label要素はbuttonにも適用できるの?

マテリアルデザインのスタイルガイドを見ていたら、ボタンの高さは36dpとあり、さらにクリッカブルな領域は48dpにするという記述を見つけました。

https://material.io/guidelines/components/buttons.html#buttons-style

スクリーンショット 2017-04-08 16.34.43

だとすると、button要素内に透明の領域を‥‥、とかspanやdivなど親要素つけてそこに判定を‥‥、というよりはlabel要素使うのがマークアップとしては素直かな?と思いました。

“label要素はbuttonにも適用できるの?”の続きを読む

先頭のsubmitボタンはクリック(タップ)しなくてもclickイベントが発火する時がある

発生する条件は、テキストフィールドなどでEnterキーやGoボタンなどを押下したときです。その場合、直接formに対してsubmitイベントが走るかと思いきや、フォーム内のsubmitボタンを探してクリックイベントを発火させていました。 “先頭のsubmitボタンはクリック(タップ)しなくてもclickイベントが発火する時がある”の続きを読む