ユーザー操作の一括無効化で役立つ！ HTMLのinert属性の紹介 - ICS MEDIA

2023/04/06 119 users ICS MEDIA HTML ユーザーインタラクション 紹介

HTMLやCSSには、ユーザーインタラクション（ユーザー操作）を無効化するための方法がいくつか存在します。たとえば、マウスやタッチ操作を無効化したいときはCSSでpointer-events: noneを要素に指定するなど、制御したいユーザー操作によってさまざまです。 カルーセルやモーダルなユーザーインターフェイス（UI）では、... 続きを読む

[CSS]pointer-eventsプロパティですごい便利に！クリックやホバーのターゲットになる要素を変更するテクニック | コリス

2018/07/27 194 users コリス ポパー クリックイベント CSS ターゲット

CSSのプロパティ「pointer-events」は主に、要素のクリックイベントをキャンセルするために使用されます。しかし用途はそれだけではありません、 クリックやホバーなどで要素のスタイルを変更する際、通常その要素自身がトリガーでターゲットになりますが、「pointer-events」を使用すると、子要素をトリガーに定義でき... 続きを読む

img 要素に pointer-events:none; を指定すると、その画像を囲むリンクが効かなくなる件の回避方法 - Corredor

2018/05/17 13 users None 経緯 CSS プロパティ img 要素 回避方法

2017 - 03 - 31 img 要素に pointer-events:none; を指定すると、その画像を囲むリンクが効かなくなる件の回避方法 CSS3 CSS CodePen 経緯 画像をむやみに右クリックで保存されないようにするため、 img 要素に pointer-events:none; を指定した。 この CSS プロパティは、クリックや右クリックによるイベントを発火させなくするプ... 続きを読む

クリック・タッチを無効化するCSS「pointer-events: none;」がお手軽で便利 - Yahoo! JAPAN Tech Blog

2016/12/12 178 users Electron None Cordova SVG CSS

Yahoo! JAPAN Tech Advent Calendar 2016の8日目の記事です。一覧は こちら こんにちは、お久しぶりです。ウェブデベロップメント黒帯を務めております、HTMLやCSSやJavaScriptが大好きな岡部 和昌（ @kzms2 ）と申します。 最近はCSSやSVGのアニメーション、ElectronやCordovaなどを用いたハイブリッドアプリなどがお気に入りです。 ... 続きを読む

W3C、マウス、タッチ、ペン入力などを同一コードで統合的に扱える「Pointer Event」を勧告に。しかしChromeは実装しない方針 － Publickey

2015/03/18 111 users Publickey 勧告 Chrome マウス CSS

W3C、マウス、タッチ、ペン入力などを同一コードで統合的に扱える「Pointer Event」を勧告に。しかしChromeは実装しない方針 W3Cは2月24日、マウス、タッチ、ペン入力などを統合的に扱える「Pointer Events」を勧告にしたと発表しました（CSSのpointer-eventsとは別のものです）。 Web標準では、以前からマウスを想定したイベントが用意されており、2013年に... 続きを読む

13日目 : CSS Programming Advent Calendar 2012 - < /gecko >

2012/12/13 32 users Gecko MdN CSS 最強 ブラウザ

これは CSS Programming Advent Calendar 2012 の 13 日目の記事です。 (5日ぶり3回目) 今回はCSSプログラマー御用達、（個人的に）最強のプロパティ pointer-events について書こうと思います。 pointer-eventsとは pointer-events - CSS | MDN 書くブラウザの対応状況 Can I use Pointer E... 続きを読む