Twitter Bootstrap の .btn に .disabled をつけると、click イベントが発生してないことに今さら気がついて、なんでだろうと思ってコードをみてみたら、こういう指定があった。
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none; /* これなに */
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
pointer-events はデフォルト値 auto 、
これを none とすると、マウスイベントを拾わなくなるらしいです。
モダンブラウザではサポートされてるけど、IE は11から。
SVG のイベント制御もできるようなんですが、こちらはきちんと読んでないです。
パフォーマンスチューニングにも使えるらしい(らしい)
こういう使い方もあるのかー
60fps scrolling using pointer-events: none | The CSS Ninja - All things CSS, JavaScript & HTML