pointer-eventsモドキをjQueryでやる【jQuery】

これは、jQuery Advent Calendar 2014の5日目のエントリーです。

pointer-eventsモドキをjQueryでやったという本当にどうでもいい話。

pointer-eventsプロパティ

pointer-eventsプロパティは、CSSでリンクを無効にできたりします。ChromeやFirefoxは早い段階からサポートしていますが、IEは11からです。
Can I use CSS pointer-events

jQueryでやる

某案件でやったわけなのですが、対応ブラウザはIE8から。
pointer-eventsも指定しているけど、IE10以下以外のブラウザが対象。IE10以下はjQueryでやる。

HTML

必要ないと思ったけど、一応、HTMLはこんな感じ。


<div class="image-block">
	<a href="image.png">
		<img src="image.png" alt="">
	</a>
</div>

jQuery

jQueryは以下のような感じ。対応はIE10以下なので、IE10以下だけに実行できるようにする。
IE10以下の指定をもうちょっとスマートな書き方にすれば良かったと思っている。気が向いたら書き直す予定。 気が向いたので書き直した。

CSS

このままだとa要素にホバーするとリンクカーソルになるので、カーソルをデフォルトにしておく。

以上です。ライトすぎる内容で5日目は終了。