日々精進

新しく学んだことを書き留めていきます

labelタグを使ってボタンを実装した場合onblur, ng-blurが効かない

bootstrapではlabelタグを使ってボタンをレイアウトすることがある。 下記サイトのButtonの実装例はlabelタグを使っている。

angular-ui.github.io

labelタグを使った場合、ナゼかonblur, ng-blurイベントが実行されなくて困った。 以下サイトによるとlabelタグでもonblur属性は有効らしいんだけど。。

w3g.jp

labelタグをbuttonタグに変更するとng-blurが使えるようになった。