CSS
JavaScript
iframe
clickイベント

iframe内のclickイベントを超簡単に無効にする方法

More than 1 year has passed since last update.

はじめに

iframe内のクリックを無効にしようとjavascriptを色々いじっていましたが、結局できませんでした。cssをいじるだけでクリックイベントを簡単に無効にでき、拍子抜けしたので、メモ。

コード

test.html
<iframe id="iframe_calender" SRC="" scrolling="no"  width="1000px" height="1000px" frameborder="0" ></iframe>

test.css
iframe{
  pointer-events:none;
}

参考

https://techblog.yahoo.co.jp/advent-calendar-2016/css_pointer_events/