pointer-events でマウスイベントを無効化する

編集中記事です><

CSS3のpointer-eventsプロパティーでaタグのリンクを無効化できるようなので調べてみたら、マウスイベント自体を無効化出来てしまうようなので、ちょっと実験してみた

<style type="text/css">
a.link {
pointer-events: none;
}
</style>
<a class="link" href="#">リンク1</a>
sample : リンク1
test_button
リンク画像a img タグの時

 
onClick の時

 

jquery onClickの時