1 In at least some Android browsers, touch events may fire for mouse input. However, this mouse input cannot be differentiated from actual touch input when using touch events. 2 All browsers fire some mouse events for single-touch input in order to preserve compatibility with mouse-based Web pages. However, it’s not currently possible to differentiate touch input from actual mouse input when using
最近キーボードショートカットの実装をしようと思ってキー入力によるイベント周りについて調べてみたのだけれど、日本語でまとまった情報が見つからなかったので、キーボードショートカットの実装に必要そうな内容を簡単にまとめておこうと思う。 キーボードショートカットに限らず、キー入力によるイベント周りの何かをする場合には参考になると思う。 本記事では、DOM 3 Events spec の 2012-09-06 の版を参照しており、将来の版では変更されている可能性がある。 最新の版は下記リンクから確認のこと。 Document Object Model (DOM) Level 3 Events Specification (DOM 3 Events spec の最新安定板) keydown イベント、keypress イベント、keyup イベントについて keydown イベント は、キーが押された
Pointer events are events and related interfaces that handle hardware agnostic pointer input from devices like a mouse, pen, or touchscreen. Since its premier in Internet Explorer 10, Pointer events has become a World Wide Web Consortium (W3C) specification, thanks to the feedback and support from other browser vendors and the web standards community. To comply with the Candidate Recommendation of
Touch Events W3C Recommendation 10 October 2013 This version: http://www.w3.org/TR/2013/REC-touch-events-20131010/ Latest published version: http://www.w3.org/TR/touch-events/ Latest editor's draft: http://dvcs.w3.org/hg/webevents/raw-file/v1/touchevents.html Previous version: http://www.w3.org/TR/2013/PR-touch-events-20130509/ Editors: Doug Schepers, W3C Sangwhan Moon, Opera Software ASA Matt Bru
Pointer Events Level 2 W3C Recommendation 4 April 2019 This version: https://www.w3.org/TR/2019/REC-pointerevents2-20190404/ Latest published version: https://www.w3.org/TR/pointerevents2/ Latest editor's draft:https://w3c.github.io/pointerevents/ Test suite:https://wpt.fyi/pointerevents/ Implementation report: http://w3c.github.io/test-results/pointerevents/all.html Previous version: https://www.
タッチ、マウス、ペンといった様々な入力を、特定のハードウェアに依存しない 「ポインタ」 という概念で扱う仕様、「Pointer Events」 が FPWD （First Public Working Draft） から 5ヶ月で勧告候補 （Candidate Recommendation） として更新されました。 Pointer Events W3C Candidate Recommendation 09 May 2013 W3C Transitions Pointer Events to Candidate Recommendation ： IEBlog Fig. 1 A pointer is a hardware agnostic representation of input devices that can target a specific coordinate (or set
DOMイベントの基礎から、細かい情報まで、最新のDOMイベントの仕様策定状況も含めて、解説しています。Read less
flipsnap.jsをWindows8のIE10のタッチで動くようにしました。 flipsnap.js 思ったより簡単に対応できました。diffはこんな感じ。 IE10 for touch device support. Fix #13 · 0524fef · pxgrid/js-flipsnap IE10はiOSやAndroidのようにtouchstartやtouchmoveのようなタッチイベントが用意されておらず、代わりにタッチした際に、pointerイベントというイベントが発火します。 Pointer Events Specification Touch Input for IE10 and Metro style Apps - IEBlog - Site Home - MSDN Blogs まだMSPointerDownのようにMSというprefixがついています。 elemen
タッチ系の操作をスマホでもデスクトップPCでも動くようにするため、タッチイベントがある場合はtouchstartやtouchmoveを使い、タッチイベントをサポートしていないブラウザではmousedownやmousemoveを使って同じ挙動にするというケースがあります。 例えばこういうやつ。 flipsnap.js DEMO そのようなケースでは僕はこれまで次のように書いていました。 var supportTouch = 'ontouchstart' in window; var touchStartEvent = supportTouch ? 'touchstart' : 'mousedown'; var touchMoveEvent = supportTouch ? 'touchmove' : 'mousemove'; var touchEndEvent = supportTouch
概念/仕組み Deferred/Promisesは非同期処理を簡単にするための取り決め。 callback hellと呼ばれているような、非同期処理によるコールバックのネストを軽減することができて非常に便利。 慣れれば便利だが、一見どう使えばいいのか分かりづらいので、少し解説を書く。 ここではPromises/Aという仕様を実装したQというライブラリを使うが、jQuery.Deferredなどもほぼ同じである。 まず、Deferred/Promisesは、関数のreturn、try/catchの非同期版である。 www.example.comの内容を取得し、正しく取得できたら中身を表示し、取得できなければエラーを表示する、というプログラムは 同期的なコードでは、 function get() { var req = new XMLHttpRequest(); req.open('GET',
addEventListener の第２引数には、 オブジェクト型の handleEvent メソッドは使えるけど、 関数型の handleEvent メソッドは、使えない。 iOS6 touchendイベントが拾えない。しかも他でも報告があるのでバグっぽい。 HTML要素に対してクリックイベントでイベントを呼び出すことがこれまでもできなかった。 touchend イベントが起こらず、今のところ touchstart が発生したら強制的にマウスのクリックイベントを発火させている 追記 最小コードだと、touchend を拾えている。なぜ？ だけれども、指を離さなくても拾えてるときがある。なぜ？ 使い物にならない？ 更に追記 touchend イベントを起こすために、まず二本指で触れ、それを時間差で放す。 今はそれぐらいしか対処できない。 <!DOCTYPE html><title></ti
Firefox3.5+Safari4+Chrome4+Opera10.6+Edge79+Edge (Legacy)12+Internet Explorer10+Firefox Android4+Safari iOS3.2+Chrome Android18+WebView Android4+Samsung Internet1.0+Opera Android11+caniuse.com table This feature is in the process of being removed from the web platform. (This is a long process that takes many years.) Using any of the offline web application features at this time is highly discourag
JavaScript events have been the gateway to user interaction within the browser since its inception. Not only do events tell us when an interaction happens, but events tell us type of interaction, the nodes involved, and provide us methods for working with the event. Creating custom events and triggering them have always been trickier. Using JavaScript's CustomEvent API, that trickery can be elimin
If you hadn’t heard, jQuery Conference 2011 is taking place in Boston later this week. We’ve put together a little something we like to call jQuery 1.7 Beta 1 that we’ll be talking a lot more about at the conference. It’s got a lovely bunch of new features and significant bug fixes–more than 50 of them at last count. You can get the beta from the jQuery CDN: http://code.jquery.com/jquery-1.7b1.js
azu_re @ jsdo.it - share JavaScript, HTML5 and CSS - jsdo.itはブラウザでJavaScript,HTML5,CSSを書いて共有するサイト。他のコードをコピーして編集できます。JavaScript,HTML5,CSSに関する質問&回答もありますよ
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
この投稿は 14年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 昨今、限られた環境（iPhone限定とか）でない限り、JavaScriptのライブラリを使用して作成することが多いと思いますが、その際のお話です。なお、理解するにはMooToolsのクラスの仕様についてある程度知っている必要があります。 汎用ライブラリと目的特化型ライブラリ 有名どころのライブラリではjQueryとかPrototypeとかDojoとかMochiKit（まだあるのか？）とかYUIとかあるのですが、その肝は概ね「JavaScriptのシンプルすぎる実装を拡張する」「めんどくさいブラウザ実装の差異を吸収する」の二点に尽きると思います。他にも色々ありますが、あえて言い切ります。こういうのを「汎用ライブラリ」と呼んでおきます。 では、目的特化型ライブラリとはなにかという
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く