[B! DOM] shogo4405のブックマーク

UI Events (W3C First Public Working Draft 25 July 2013)

W3C Working Draft, 7 September 2024 More details about this document This version: https://www.w3.org/TR/2024/WD-uievents-20240907/ Latest published version: https://www.w3.org/TR/uievents/ Editor's Draft: https://w3c.github.io/uievents/ Previous Versions: https://www.w3.org/TR/2024/WD-uievents-20240906/ https://www.w3.org/TR/2024/WD-uievents-20240906/ History: https://www.w3.org/standards/history

shogo4405 2011/12/28

DOM
Event

リンク

Document Object Model (DOM) Level 3 Core Specification

Document Object Model (DOM) Level 3 Core Specification Version 1.0 W3C Recommendation 07 April 2004 This version: http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407Latest version: http://www.w3.org/TR/DOM-Level-3-Core Previous version: http://www.w3.org/TR/2004/PR-DOM-Level-3-Core-20040205/ Editors: Arnaud Le Hors, IBM Philippe Le Hégaret, W3C Lauren Wood, SoftQuad, Inc. (WG Chair emerita, fo

shogo4405 2011/12/28

DOM
Core

リンク

Document Object Model (DOM) Level 2 Core Specification

Copyright Notice Copyright © 2000 World Wide Web Consortium, (Massachusetts Institute of Techno logy, Institut National de Recherche en Informatique et en Automatique, Keio University). All Rights Reserved. This document is published under the W3C Document Copyright Notice and License. The bindings within this document are published under the W3C Software Copyright Notice and License. The software

shogo4405 2011/12/28

DOM
Core

リンク

Event Driven JavaScript - os0x.blog

document.createEventとdispatchEvent、addEventListenerを使ってイベントドリブンに書いたJavaScriptがオレブーム(ただし、IE非対応*1 )なので、軽く紹介してみたいと思います。具体的には、AutoPatchWork (Google Chrome Dev用のextension)をイベントドリブンで実装しています。 AutoPatchWork.jsが2009/06/11 21:00時点のソース(id:nanto_viのコメントをうけて#を.に変更済み)。シンプルさを重視しているので、324行と短めです(CSSは別ファイルですが)。 window.addEventListener('scroll', check_scroll, false); window.addEventListener('AutoPatchWork.request',

shogo4405 2009/06/28

DOM

リンク

Text#replaceWholeText - 素人がプログラミングを勉強していたブログ

Text.replaceWholeText - MDNの使い方。 var span = document.createElement("span"); span.appendChild( document.createTextNode('aiu')); span.appendChild( document.createTextNode('eo')); span.childNodes[0].replaceWholeText("foo"); alert(span.textContent); // foo こんな感じに、テキストノードに対してreplaceWholeTextを使うと、隣接するテキストノード全てが文字列に置換される。使い道が思いつかないなあ。

shogo4405 2008/11/24

Text#replaceWholeText

リンク

Progress events 1.0

shogo4405 2008/09/06

ProgressEvent

DOM

リンク

はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

はてなグループの終了日を2020年1月31日(金)に決定しました以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記はてなグループ日記のエクスポートデータは2020年2月28

shogo4405 2007/12/11

リンク

実用 - ウィンドウの外で発生するmouseupイベントを取得する、Firefox

JavaScript save the assistants 上記のスライダー、ドラッグを開始して、ウィンドウ外でボタンを離し、再度ウィンドウに戻るとずっと押しっぱなしのおかしな状態になる。これは、たぶんマウスが離されたことを検知できていないため。 WebFXのスライダーは、ちゃんと動く。実装を読んでみた。 Slidebar (WebFX) Firefoxは、文字を選択するようにドラッグを開始すれば、ウィンドウ外でマウスのボタンを外した時にもmouseupが起こせるようだ。これを利用し、見えない文字を選択し、選択状態も見えなくして、スライダーが正常に動作するようにしていた。簡単なサンプルは以下。スライダに限らず、ドラッグ全般に使えると思う。mouseup以外に、mousemoveなども取れた。 IEの場合は、onlosecaptureイベントを使っていた。WebFX++

shogo4405 2007/08/27

画面外で発生するmouseupイベントを取得

DOM

リンク

S5を進化させたHTMLプレゼンテーションツールS5 Reloaded | 秋元@サイボウズラボ・プログラマー・ブログ

via del.icio.us/popular S5 Reloaded HTMLとCSS、Javascriptだけでプレゼンテーションを作るS5というツールがあって、できるプレゼンテーションファイルも軽量だし、テキストエディタ派の自分としては好んで使っている。 S5にscript.aculo.usというエフェクト系のJavascriptライブラリを適用したのがpresentacularで、プレゼンテーションの各要素に視覚的な効果を簡単に追加できる。 presentacularについてはこのブログをはじめた2005年に紹介していた。HTMLのclassを追加するだけで動くプレゼンテーションが作れるところがいい。今回あらたに、S5をベースに別の人が作ったS5 Reloadedは、最近登場したいろいろなJavascriptライブラリを組み込むなどして、S5を積極的に改造したHTMLプレゼンテー

shogo4405 2007/04/24

リンク

DOM Rangeについて色々 - Personnel

これまで、Rangeインターフェイスはテキストの選択範囲を操作する、それだけの仕様だと思っていました。しかし、DOM CoreやHTMLでは面倒で、コードが煩雑になりがちだった複数の要素に関する操作が、Rangeインターフェイスを利用することで直感的かつ直接的な操作になり、とても扱いやすくなることが分かりました。現在では個人的に、DOMで文書ツリーを扱う時には常に傍らにいてもらいたい介さんのような存在になっています。取りあえず呼んでおけ、みたいな。以下、とてもありがちな要素に関する操作を、CoreやHTMLのみを用いた方法とRangeを利用した方法で行い、その比較を行います。 Foot note この記事のURI参照 http://members.jcom.home.ne.jp/jintrick/Personal/DOM_Range.html#MISUNDERSTANDING D

shogo4405 2007/03/09

DOM Range / document.createRange();

リンク

Document Object Model (HTML) Level 1

2. Document Object Model (HTML) Level 1 Editors Mike Champion, ArborTextVidur Apparao, NetscapeScott Isaacs, Microsoft (until January 1998)Chris Wilson, Microsoft (after January 1998)Ian Jacobs, W3C 2.1. IntroductionThis section extends the Level 1 Core API to describe objects and methods specific to HTML documents. In general, the functionality needed to manipulate hierarchical document structure

shogo4405 2007/03/06

リンク

あまり知られていない脆弱性：DOM Based XSSにご用心｜アークウェブのブログ

こんにちは、SEの進地です。 XSS（Cross Site Scripting）脆弱性の中であまり注意を払われていないタイプにDOM Based XSSというものがあります。アナウンス自体は随分と昔から行われており、webappsec.orgでも2005/7/4にAmit Klein氏が"DOM Based Cross Site Scripting or XSS of the Third Kind"を発表しています。 Web 2.0的アプリなどでのAjaxの普及でJavaScriptが多用される現在のWeb開発では、DOM Based XSSが入り込む可能性は従来よりも高まっています。そこで、今回はこのDOM Based XSSについて説明しようと思います。 DOM Based XSSとは何か？一般的にXSS脆弱性と聞いて思い浮かべるのは、攻撃者の悪意ある入力データ（JavaScript

shogo4405 2007/02/18

DOM Based XSS

リンク

Leak Free Javascript Closures

October 20, 2005 Javascript closures can be a powerful programming technique. Unfortunately in Internet Explorer they are a common source of memory leaks. Therefore I propose a method to create closures that don't leak memory. Probl em First start with a short explanation of the probl em I tried to fix. Here is an example of a simple event handler (IE only for clarity): function attach() {

shogo4405 2006/10/06

リークしないパターンの解説

リンク

DOM オブジェクトとメモリリーク: Days on the Moon

IE でのメモリリークちょこちょこと紹介されているので知っている人も多いと思うが、IE には DOM ノードに絡んだメモリリークの問題がある。これに関しては Microsoft 自身の記事である「Understanding and Solving Internet Explorer Leak Patterns」に詳しいが、簡単にいえば DOM ノードオブジェクトに関する循環参照を作ると、IE を終了させるまでそのオブジェクトが解放されないというものだ。記事によればメモリリークには以下のようなパターンがあるという。 1. 単純な循環参照ある DOM ノードオブジェクトのプロパティをたどっていくと自分自身に行き着く場合。以下のようなパターンが考えられる。 element.property == element element1.property1 == element2, element2

shogo4405 2006/10/06

リンク

suVeneのあれ: Ajaxにおけるメモリリークの注意点

2006年03月06日 Ajaxにおけるメモリリークの注意点 [ajax][javascript][はてブ] はてブの「ブックマークの確認」ページは、IEでメモリリークする！ IE のメモリリーク調べる為の「Drip」ってツールがここにあって、このツールは単純にリークしそうなコードチェックしたり、オートリロードして、外部から参照したメモリ使用量を記録してくれるだけなんだがはてブの追加ページで確認するとこんな感じになる。 (オートリロードなんで負荷高くなるから、悪用したり、やりすぎたりしないようにｗ) タスクマネージャー等の、外部から参照したメモリが増えているからといっても OSがアプリケーション用にキャッシュしているメモリが増加しているだけの可能性があるから、一概に鵜呑みはできないんだが平均して1回のリロードに 1M 近く増えていくとかおかしい。 (MicroSoft もタスク

shogo4405 2006/10/05

リンク

https://support.microsoft.com/ja-jp/help/309170?spid=2073&sid=global?spid=2073&sid=global

shogo4405 2006/10/05

リンク

[IE] Javascript で動的にイベントを登録するとメモリリークが発生

All Microsoft Global Microsoft 365 Teams Copilot Windows Surface Xbox Deals Small Business Support Software Windows Apps AI Outlook OneDrive Microsoft Teams OneNote Microsoft Edge Skype PCs & Devices Computers Shop Xbox Accessories VR & mixed reality Certified Refurbished Trade-in for cash Entertainment Xbox Game Pass Ultimate PC Game Pass Xbox games PC and Windows games Movies & TV Business Micro

shogo4405 2006/10/05

function(id){ var elm = document.getElmentById(id); elm.onclick = function(){} }; でリークってどうよ？

リンク

ppBlog - IEのメモリリーク問題

IEあるいはIEエンジンのブラウザ(Sleipnirとか)を使っていて、どうもページの描画速度が遅い気がする―もっと正確には最初にページを開いたときより遅くなった―と感じたことはないだろうか？　特にあなたがJavaScriptを多用したページを開いているならば、もしかしたらIE特有のメモリリーク問題(IE memory leaks probl emG)が原因かもしれない。余談ですが、前回のmoblogエントリーは、自分のブログにモブログしたつもりが間違ってこちらにエントリーしてしまいました。気が向いたら移動しておきます。で、本題ですが、この問題はより多くの利用者が（IEエンジンの）タブブラウザーを使うようになればなるほど顕在化してくると思われるのでメモしておこうと思います。ppBlogでもJavaScriptは欠かせませんし。最初に言っておきますが、この問題はIE4-6に特有のもので他の