MSDN Blogs Making the web “just work” with any input: Mouse, Touch, and Pointer Events
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
HTML / DOM におけるキーボードイベント周りの話 - ひだまりソケットは壊れない
最近キーボードショートカットの実装をしようと思ってキー入力によるイベント周りについて調べてみたのだけれど、日本語でまとまった情報が見つからなかったので、キーボードショートカットの実装に必要そうな内容を簡単にまとめておこうと思う。 キーボードショートカットに限らず、キー入力によるイベント周りの何かをする場合には参考になると思う。 本記事では、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 updates (Windows)
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 version 1 (W3C Proposed Recommendation 09 May 2013)
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 (W3C Working Draft 11 December 2012)
Pointer Events Level 4 W3C Working Draft 01 May 2025 More details about this document This version: https://www.w3.org/TR/2025/WD-pointerevents4-20250501/ Latest published version: https://www.w3.org/TR/pointerevents4/ Latest editor's draft:https://w3c.github.io/pointerevents/ History: https://www.w3.org/standards/history/pointerevents4/ Commit history Test suite:https://wpt.fyi/pointerevents/ Lat
Pointer Events 仕様が W3C 勧告候補に
タッチ、マウス、ペンといった様々な入力を、特定のハードウェアに依存しない 「ポインタ」 という概念で扱う仕様、「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イベントの基礎から、細かい情報まで、最新のDOMイベントの仕様策定状況も含めて、解説しています。
flipsnap.jsでIE10のPointer Eventsに対応した - Webtech Walker
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
Windows8のChromeやFirefoxはタッチイベントとマウスイベント両方考慮すべし - Webtech Walker
タッチ系の操作をスマホでもデスクトップ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と非同期処理 - 素人がプログラミングを勉強していたブログ
概念/仕組み 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',
iOS6 にしたら、addEventListener の第２引数にしていしてた、handleEvent メソッド をもつオブジェクトが使えなくなった? - babu_babu_babooのゴミ箱
addEventListener の第２引数には、 オブジェクト型の handleEvent メソッドは使えるけど、 関数型の handleEvent メソッドは、使えない。 iOS6 touchendイベントが拾えない。しかも他でも報告があるのでバグっぽい。 HTML要素に対してクリックイベントでイベントを呼び出すことがこれまでもできなかった。 touchend イベントが起こらず、今のところ touchstart が発生したら強制的にマウスのクリックイベントを発火させている 追記 最小コードだと、touchend を拾えている。なぜ？ だけれども、指を離さなくても拾えてるときがある。なぜ？ 使い物にならない？ 更に追記 touchend イベントを起こすために、まず二本指で触れ、それを時間差で放す。 今はそれぐらいしか対処できない。 <!DOCTYPE html><title></ti
HTML Standard
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 CustomEvent
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
azu_re codes - jsdo.it - Share JavaScript, HTML5 and CSS
azu_re @ jsdo.it - share JavaScript, HTML5 and CSS - jsdo.itはブラウザでJavaScript,HTML5,CSSを書いて共有するサイト。他のコードをコピーして編集できます。JavaScript,HTML5,CSSに関する質問&回答もありますよ
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Javascriptのカスタムイベント（MooToolsでGoogle Mapのラッパークラス） | 高橋文樹.com | プログラミング
この投稿は 14年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 昨今、限られた環境（iPhone限定とか）でない限り、JavaScriptのライブラリを使用して作成することが多いと思いますが、その際のお話です。なお、理解するにはMooToolsのクラスの仕様についてある程度知っている必要があります。 汎用ライブラリと目的特化型ライブラリ 有名どころのライブラリではjQueryとかPrototypeとかDojoとかMochiKit（まだあるのか？）とかYUIとかあるのですが、その肝は概ね「JavaScriptのシンプルすぎる実装を拡張する」「めんどくさいブラウザ実装の差異を吸収する」の二点に尽きると思います。他にも色々ありますが、あえて言い切ります。こういうのを「汎用ライブラリ」と呼んでおきます。 では、目的特化型ライブラリとはなにかという
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
hanabi.md
GitHub - mwbrooks/thumbs.js: Add touch support to your browser with thumbs.js - a small, transparent, and syntax-less library.
jquery-ui-swipable - Project Hosting on Google Code