JavaScript Madness: Keyboard Events
Note: I have stopped updating this page. At this point nearly all popular browsers are have achieved a good level of compatibility on most of these features, and their behavior with respect to them just isn't changing much anymore. The only thing web designers really need to still watch out for is IE8, which is lingering due to the fact that it is the best version of IE that works on windows XP. (
Programming Magic is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
Firefox 3 for developers - Mozilla | MDN
ã‚‚ã—ã‚ãªãŸãŒé–‹ç™ºè€…ã§ã€Firefox 3 ã«ãŠã‘る新機能全体ã«ã¤ã„ã¦æƒ…å ±ã‚’å¾—ã‚ˆã†ã¨ã—ã¦ã„ã‚‹ãªã‚‰ã€ã“ã“ã¯ç†è§£ã‚’æ·±ã‚ã‚‹ã®ã«æœ€ã‚‚é©ã—ãŸå ´æ‰€ã§ã™ã€‚ã“ã®è¨˜äº‹ã¯ã€Firefox 3 ã«è¿½åŠ ã•ã‚ŒãŸæ©Ÿèƒ½ã‚’ã‚«ãƒãƒ¼ã™ã‚‹æ–°ã—ã„記事ã®ä¸€è¦§ã‚’æä¾›ã—ã¾ã™ã€‚å°ã•ãªå¤‰æ›´ãŒå¿…ãšã—ã‚‚ã™ã¹ã¦ã‚«ãƒãƒ¼ã•ã‚Œã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ä¸»è¦ãªæ”¹å–„ã‚’å¦ã¶åŠ©ã‘ã«ã¯ãªã‚‹ã§ã—ょã†ã€‚ Firefox 3 ã®ãŸã‚ã®ã‚¦ã‚§ãƒ–アプリケーションã®æ›´æ–° Firefox 3 ã«ãŠã‘る新機能を活用ã™ã‚‹ãŸã‚ã«ã‚¦ã‚§ãƒ–サイトやウェブアプリケーションã§å¿…è¦ã¨ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„変更ã«ã¤ã„ã¦ã®æƒ…å ±ã‚’æä¾›ã—ã¾ã™ã€‚ オンライン・オフラインイベント Firefox 3 㯠WHATWG ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ»ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚¤ãƒ™ãƒ³ãƒˆã‚’サãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ã“ã‚Œã¯ã€ã‚¦ã‚§ãƒ–アプリケーションや拡張機能ã‹ã‚‰ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«æŽ¥ç¶šã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ã‚„ã€æŽ¥ç¶šé–‹å§‹ãƒ»çµ‚了ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’検出ã§ãるよã†ã«ã—ã¾ã™ã€‚ ウェブ
ã€javascript】DOMèªã¿è¾¼ã¿åˆ¤å®šå‡¦ç† - Flicker's Style++
以å‰æ›¸ã„ãŸè¨˜äº‹ã«é–“é•ã„ãŒã£ãŸã®ã§è¨‚æ£ã¨ã¨ã‚‚ã«å†èª¿æŸ»ã€‚ ・ページをèªã¿è¾¼ã‚“ã 後ã«javascript関数を実行ã•ã›ãŸã„å ´åˆã«onloadイベントを使用ã—ã¦é–¢æ•°ã‚’実行ã—よã†ã¨ã™ã‚‹ã¨ç”»åƒã‚„CSSãªã©ã®é™çš„ファイルもèªã¿è¾¼ã‚“ã§ã‹ã‚‰ã§ãªã„ã¨é–¢æ•°ãŒå®Ÿè¡Œã•ã‚Œãªã„。 ã¨ã¯ã„ãˆã€setTimeoutãªã©ã‚’利用ã—ã¦é…延実行ã•ã›ã¦ã‚‚DOMツリー構築å‰ã«appendChildãªã©ã®DOMツリーをã„ã˜ã‚‹å‡¦ç†ã‚’ã™ã‚‹ã¨ã‚¨ãƒ©ãƒ¼ãŒç™ºç”Ÿã™ã‚‹ã€‚ ãã®ãŸã‚JQueryãªã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã¯DOMツリー構築完了を検知ã—ã¦é–¢æ•°ã‚’実行ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆdocument.ready()を用æ„ã—ã¦ã„る。 åŒã˜ã‚ˆã†ãªæ©Ÿæ§‹ãŒprototype.jsãªã©ã«ã‚‚ã‚ã‚‹ãŒã€ã©ã®ã‚ˆã†ã«æ¤œçŸ¥ã—ã¦ã„ã‚‹ã®ã‹ã‚’調ã¹ã¦ã¿ãŸã€‚ 方法㯠FFã€operaç³» safari(webkit)ç³» IE ã§åˆ†ã‹ã‚Œã¦ã„る。 FFã€operaç³» DOMContentLoadedã¨ã„ã†ã‚¤
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
prototype.js ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒ»ãƒˆãƒªã‚¬ãƒ¼ (hPod)
最近 prototype.js (1.5.0_rc1) を使ã†ã‚ˆã†ã«ãªã£ã¦ã‹ã‚‰ã€ãŠã‚„ã¨æ€ã£ãŸã“ã¨ãŒã‚る。 onclick ãªã©ã®ã‚¤ãƒ™ãƒ³ãƒˆã®å‡¦ç†ã‚’ç°¡å˜ã«ç™»éŒ²ã§ãã‚‹ã®ã¯ã„ã„ã‘ã‚Œã©ã€ãれを任æ„ã«ç™ºå‹•ã•ã›ã‚‹ãƒˆãƒªã‚¬ãƒ¼ã«ã‚ãŸã‚‹æ©Ÿèƒ½ãŒãªã„？　ãŸã¨ãˆã°ã»ã‹ã«ä½¿ã£ã¦ã„るライブラリ Google Maps API ã«ã¯ã‚ã‚‹ã®ã§ã€ã§ããªã„ã“ã¨ã‚‚ãªã„ã®ã ã‚ã†ã‘ã©ã€ãªãœã“ã®æœ‰å㪠prototype.js ã«ãªã„ã®ã ã‚ã†ã€‚ 一方㧠scriptaculous.js (v1.6.4) ã¯ã¨è¦‹ã¦ã¿ã‚‹ã¨ã€ unittest.js ã®ä¸ã«ã€ãれらã—ã„機能ãŒåŸ‹ã‚è¾¼ã¾ã‚Œã¦ã„ãŸã€‚ Event.simulateMouse ã¨ã‹ã€ Event.simulateKey ã¨ã‹ã€‚ã—ã‹ã—ã“れらã«ã¯ experimental ã¨ã„ã†ã‚³ãƒ¡ãƒ³ãƒˆãŒä»˜ã‘られã¦ã„ãŸã—ã€ãã‚Œã«ã±ã£ã¨è¦‹ãŸã ã‘ã§åˆ¶ä½œé€”ä¸ã§ã‚るよã†ãªæ„Ÿã˜ã§ã‚‚ã‚ã£ãŸã€‚ ã“ã†ã—㦠scripta
bytefx :: simple effects in few bytes
Tra i linguaggi di programmazione più utilizzati in informatica rientra senza dubbio JavaScript, una grammatica testuale che ha come scopo principale quello di  permettere una corretta visualizzazione dei contenuti html di un browser. In altre parole grazie al linguaggio JavaScript a ogni comando viene assegnata una funzione particolare di una pagina web, come ad esempio la possibilità di far diss
作ã£ã¦ç´å¾—! DOM 2 Events: Days on the Moon
ブラウザ上ã§ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§é¿ã‘ã¦ã¯é€šã‚Œãªã„ã®ãŒã‚¤ãƒ™ãƒ³ãƒˆå‡¦ç†ã€‚ãã®ä»•çµ„ã¿ã¯ DOM Level 2 Events ã«ã¦è¦å®šã•ã‚Œã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€ã¨ã‚Šã‚ãˆãš addEventListener メソッドを使ã£ã¦ã¯ã„ã‚‹ã‚‚ã®ã®ã€ãã‚ŒãŒã©ã®ã‚ˆã†ãªæ„味をæŒã¤ã‹è©³ã—ãã¯çŸ¥ã‚‰ãªã„ã¨ã„ã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ã€‚ãã“ã§ã“ã“ã§ã¯ã€DOM 2 Events ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒ¢ãƒ‡ãƒ«ã‚’ç†è§£ã—ã€ãƒ–ラウザãŒè£ã§ä½•ã‚’ã—ã¦ã„ã‚‹ã®ã‹ã‚’把æ¡ã™ã‚‹ãŸã‚ã«ã€å®Ÿéš›ã«ãã®ã‚¤ãƒ™ãƒ³ãƒˆãƒ¢ãƒ‡ãƒ«ã‚’実装ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã™ã€‚具体的ã«ã¯ã€ä»•æ§˜æ›¸ã«å®šã‚られãŸã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’ JavaScript ã§å®Ÿè£…ã—ã€ãれらを組ã¿åˆã‚ã›ã¦ã‚¤ãƒ™ãƒ³ãƒˆã®ç™ºç”Ÿã‚’シミュレートã—ã¦ã¿ã¾ã™ã€‚ Event インターフェース EventListener インターフェース EventTarget インターフェース DocumentEvent インターフェース DOMException イン
ã€ã‚¤ãƒ³ãƒ•ã‚©ã‚·ãƒ¼ã‚¯ã€‘Infoseek ： 楽天ãŒé‹å–¶ã™ã‚‹ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆ
æ—¥é ƒã‚ˆã‚Šæ¥½å¤©ã®ã‚µãƒ¼ãƒ“スをã”利用ã„ãŸã ãã¾ã—ã¦ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ サービスをã”利用ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ã¨ã“ã‚大変申ã—訳ã”ã–ã„ã¾ã›ã‚“ãŒã€ç¾åœ¨ã€ç·Šæ€¥ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚’è¡Œã‚ã›ã¦ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ã€‚ ãŠå®¢æ§˜ã«ã¯ã€ç·Šæ€¥ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã«ã‚ˆã‚Šã€ã”迷惑をãŠã‹ã‘ã—ã¦ãŠã‚Šã€èª ã«ç”³ã—訳ã”ã–ã„ã¾ã›ã‚“。 メンテナンスãŒçµ‚了次第ã€ã‚µãƒ¼ãƒ“スを復旧ã„ãŸã—ã¾ã™ã®ã§ã€ 今ã—ã°ã‚‰ããŠå¾…ã¡ã„ãŸã ã‘ã¾ã™ã‚ˆã†ã€ãŠé¡˜ã„申ã—上ã’ã¾ã™ã€‚
JKL.Resizable - サイズå¯å¤‰ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆ
Kawa.netxp JKL.Resizable - サイズå¯å¤‰ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆ エレメントã®å³ç«¯ãƒ»ä¸‹ç«¯ãƒ»å³ä¸‹éš…をマウスã§ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦ã€ 縦・横ã®ãƒ”クセル数を変更ã§ãるよã†ã«ã—ã¾ã™ã€‚ Internet Explorer 6.0〠Firefox 1.0〠Opera 8.0 ã§å‹•ä½œç¢ºèªã‚’ã—ã¦ã„ã¾ã™ã€‚ ブラウザä¾å˜ã®åˆ¶é™ã¨ã—ã¦ã€ Opera 8.0 ã§ã¯ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®æ¨ªå¹…を縮å°ï¼ˆâ†ï¼‰ã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“。 エレメントã®æ¨ªå¹…拡大（→）やã€é«˜ã•æ‹¡å¤§ï¼ˆâ†‘）縮å°ï¼ˆâ†“）ã¯ã§ãã¾ã™ã€‚ Opera 8.0 以外ã§ã¯ã€æ¨ªå¹…ã®ç¸®å°ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“。 エレメントã®ä¸Šç«¯ãƒ»å·¦ç«¯ã‚’利用ã—ãŸã‚µã‚¤ã‚ºå¤‰æ›´ã¯ã§ãã¾ã›ã‚“。 å³ç«¯ãƒ»ä¸‹ç«¯ã®ã¿ãƒ‰ãƒ©ãƒƒã‚°â†’サイズ変更ã§ãã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ JKL.Resizable ã¯ã€ä¸‹è¨˜ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ä¸ã® jkl-resizable.js å˜ç‹¬ã§å‹•ä½œã—ã¾ã™ã€‚ jkl-resizable-0.04.tar.g
実用 - ウィンドウã®å¤–ã§ç™ºç”Ÿã™ã‚‹mouseupイベントをå–å¾—ã™ã‚‹ã€Firefox
JavaScript save the assistants 上記ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ãƒ‰ãƒ©ãƒƒã‚°ã‚’開始ã—ã¦ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å¤–ã§ãƒœã‚¿ãƒ³ã‚’離ã—ã€å†åº¦ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã«æˆ»ã‚‹ã¨ãšã£ã¨æŠ¼ã—ã£ã±ãªã—ã®ãŠã‹ã—ãªçŠ¶æ…‹ã«ãªã‚‹ã€‚ã“ã‚Œã¯ã€ãŸã¶ã‚“マウスãŒé›¢ã•ã‚ŒãŸã“ã¨ã‚’検知ã§ãã¦ã„ãªã„ãŸã‚。 WebFXã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã¯ã€ã¡ã‚ƒã‚“ã¨å‹•ã。実装をèªã‚“ã§ã¿ãŸã€‚ Slidebar (WebFX) Firefoxã¯ã€æ–‡å—ã‚’é¸æŠžã™ã‚‹ã‚ˆã†ã«ãƒ‰ãƒ©ãƒƒã‚°ã‚’開始ã™ã‚Œã°ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å¤–ã§ãƒžã‚¦ã‚¹ã®ãƒœã‚¿ãƒ³ã‚’外ã—ãŸæ™‚ã«ã‚‚mouseupãŒèµ·ã“ã›ã‚‹ã‚ˆã†ã 。ã“れを利用ã—ã€è¦‹ãˆãªã„æ–‡å—ã‚’é¸æŠžã—ã€é¸æŠžçŠ¶æ…‹ã‚‚見ãˆãªãã—ã¦ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒæ£å¸¸ã«å‹•ä½œã™ã‚‹ã‚ˆã†ã«ã—ã¦ã„ãŸã€‚ ç°¡å˜ãªã‚µãƒ³ãƒ—ルã¯ä»¥ä¸‹ã€‚スライダã«é™ã‚‰ãšã€ãƒ‰ãƒ©ãƒƒã‚°å…¨èˆ¬ã«ä½¿ãˆã‚‹ã¨æ€ã†ã€‚mouseup以外ã«ã€mousemoveãªã©ã‚‚å–ã‚ŒãŸã€‚ IEã®å ´åˆã¯ã€onlosecaptureイベントを使ã£ã¦ã„ãŸã€‚WebFX++
JavaScriptã§ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã‚¤ãƒ™ãƒ³ãƒˆã‚’扱ã„ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚‚åœæ¢ã™ã‚‹æ–¹æ³•:phpspot開発日誌
JavaScriptã§ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã‚¤ãƒ™ãƒ³ãƒˆã‚’扱ã„ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚‚åœæ¢ã™ã‚‹æ–¹æ³• 2006å¹´08月17æ—¥- Mouse wheel programming in JavaScript Web applications are becoming more and more like “normal†desktop applications. Of course, they are more and more functional, but smooth user interface acts the primary role. So we have drag and drop, autocompletition, and much more. Many of those nice features got possible only with help of AJAX. JavaScriptã§
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://programming-magic.com/?id=189
掲示æ¿/JavaScript質å•æ¿ï¼»éŽåŽ»ãƒã‚°ï¼½/一覧/onLoadã§ã®ãƒªãƒ³ã‚¯ - TAG index Webサイト
http://youmos.com/news/event_js
{{#tags}}- {{label}}
{{/tags}}