フォーカスイベントとタブ切り替え - higeorange's blog
input や textarea にフォーカスがあったってる状態でタブを切り替えたときに focus, blur イベントがどのように起こるか各ブラウザを調べてみた。 テスト内容 テストページ ページには input[type=text], textarea, button が並んでる。 各要素はフォーカスすると 要素名を書き出し、フォーカスが外れると 要素名: blur と書き出すようになっている。 やったことはテストページと別のページを開いておき、input or textarea or button のいづれかの要素にフォーカスした状態でもう一方のページに切り替え、テストページに戻るというテスト。ページの切り替えはタブバーを使った。 テストしたブラウザは IE 7, Firefox 3.0.6, Opera 9.64, Safari 3.2.2 の 4 つ。いづれも Windows
onkeydown属性 onkeypress属性 onkeyup属性
Updated 2013.09.30 / Published 2005.10.02 onkeydown属性は当該要素の上でキーボードのいずれかのキーが押された時に起動するスクリプトを指定します。onkeypress属性は当該要素の上でキーボードのいずれかのキーが押されて、そして放された時に起動するスクリプトを指定します。onkeyup属性は当該要素の上でキーボードのいずれかのキーが放された時に起動するスクリプトを指定します。これらのキー操作に関するイベント属性（イベントハンドラ）は、いずれの UA においても正確な動作はIMEが半角英数字の入力状態を対象としているようです。 バージョン HTML4.01(S,T,F) XHTML1.0(S,T,F) XHTML1.1 必須 - 非推奨 - 属性値 スクリプト IMEが日本語入力（ひらがなや全角文字）時における onkeydown属性, on
クロスブラウザな onhashchange イベント (作りかけ) - 日向夏特殊応援部隊
今更 IE8 の話なんて遅れてる感満載な訳ですが、IE8 からは onhashchange イベントと言う location.hash の値が書き変わったら発火するイベントが出来ました。onhashchange イベントについては下記参照。*1 winow.onhashchange - Thousand Years hashchange - Event reference | MDN で、これなんですが location.hash にアプリケーションの状態を保持したいなんて言う、"えいじゃっくす" 的なコンテンツの場合、かなり使えるじゃないすかと。*2 クロスブラウザで行けるかもなーと思って試しに書いてみました。まだ作りかけ。 ソースコードと解説 (function() { var createEvent = function() { var evt; if (document.creat
Shibuya.js in Kyoto 発表資料「取説 正規表現」: Days on the Moon
オープンソースカンファレンス 2008 Kansai 内のセッション、Shibuya.js in Kyoto に発表者として参加させていただいたので、資料を公開します。 取説 正規表現 内容は JavaScript での正規表現の基本的な扱い方です。正規表現パターンの解説はよく見かけるのですが、それを実際にどう使うかという情報が不足していると感じたので、一部だけですが取り上げてみました。こちらの練習不足でぎこちないプレゼントなってしまい申し訳なかったです。 補足ですが、if ((match = re.exec(str)))、while ((match = re.exec(str))) のように条件式を丸括弧でくくっているのは、それが代入式であることを強調するためです。SpiderMonkey では if (match = re.exec(str)) などと書くと、「等値比較 (==) を代
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
JavaScriptのイベントリスナーの話 - public static void main
id:kz_shikabaneによるJavaScript勉強会が実施されました。 DOMの話は以前id:seiryoが行ったので、今回はイベントリスナーについて。 prototype.jsやJQueryを使っていてあまり意識したことがなかったので参考になりました。 以下まとめ。 イベントリスナーとは 普通GUIアプリケーションを作るときにはイベントドリブン（イベント駆動型）プログラミングを行います。これはJavaScriptで書くときにも当てはまります。 HTMLファイルが読み込まれた、ボタンがクリックされた、キーボードが押された、といった行動をブラウザで行ったときにイベントは発生します。このイベントを受け取るのがイベントリスナーです。 イベントリスナーはイベントを受け取るまでは何もしません。受け取ったイベントの情報を元にイベントリスナーが、HTMLタグの属性を変更する、非同期にデータを読
From Javascript To Haskell
This document discusses JavaScript and Haskell. It provides code examples comparing features of the two languages such as functions, recursion, lists, and higher-order functions. It also discusses Haskell concepts like lazy evaluation, monads, and type inference.Read less
[Javascript] Prototype.js 1.6.0 - Event.fireでNative DOM Eventを呼び出し可能にする
Javascriptの話題が続いてます。 Changeset 7835 - prototype: Namespace all custom event names to avoid conflicts with native DOM events. 上記Changesetで、Native DOM Eventとの名前衝突を避けるために、コロンで区切るネームスペースが導入された & Native DOM Eventの呼び出しが削除された？ため、Native DOM Eventが呼び出せない。[Javascript] クロージャを利用したイベントリスナの登録のように、クロージャー + 無名関数でイベントリスナを登録すると、スコープの外部から、現在選択中のボックスを取得するとなると、各ノードを走査して調べる事になりますが、これは美しくない。 Prior to this change, Protot
[Javascript] クロージャを利用したイベントリスナの登録
時々、特定のイベント間で値を共有したい事があります。 以下の例は、選択されているボックスの状態をどこかに保存しておいて、別のボックスが選択されたら選択を取り消すサンプルです。選択されているエレメントの値を保存する場所としては、グローバル変数か、エレメントのプロパティ(IEで使用するためには、Element.extendされている必要がある。event.targetは、Element.extendされている。)がありますが、イベントリスナにクロージャーを利用すると名前空間も汚染されません。 Source Code selected変数に、現在選択されているボックスをバインドしている。 document.observe('dom:loaded', function() { $('selection').observe('click', (function() { var SELECTED_CL
JavaScript第5版読書会#1 - プログラマの思索
JavaScript第5版読書会#1へ行ってきた。 大阪で平日の夜なのに、18時半には30人以上も集まっていたよ(驚) 読書会の内容は、JavaScriptの辞書である通称「サイ本」を最初から読むこと。 3時間の議論はすごく中身が濃かった。 その時の感想をメモ。 【1】JavaScriptは、他の言語と文法が微妙に違う所を認識していないのが、バグの温床になる 変数、メソッド、オブジェクト、配列、ハッシュなど、最初から読むが、僕には退屈。 20章「HTTPによる制御」にあるAjaxを早く読みたかった。 でも、主催者のkanasanから、Ajaxでバグにはまる原因はJavaScriptの文法をきちんと理解していないからですよ、と言われた。 確かに、JavaScriptのブロックは、CやJavaと異なる。 つまり、IF文などの制御構造で定義したローカル変数は、グローバル変数に近い。 また、暗黙の
JavaScript第5版読書会#1(Kanasan.JS分会)レポ - SEの行き着くところ…
いつものごとく、レポートというより単に俺の気付きを並べただけですga。 概要は以下。JavaScriptの読書会開催のお知らせ (Kanasansoft Web Lab.)JavaScript第5版読書会#1オライリー本「JavaScript第5版」をみんなで読みましょうというもの。Javascript使ってる年数はそこそこ長いくせに、大して基本が分かってなかった俺にとってはすごくいい機会だったので速攻申し込んだ。 JavaScriptはUnicode文字で記述するつまりこういうことも可能。(意図違う？) var あの方の名前='hoge'; alert(あの方の名前); //hoge Unicodeと聞くと最近はサロゲートペアを思い浮かべるが、よく分かっていないので情報紹介ぐらいしかできない。あるＳＥのつぶやき: JavaScriptでサロゲートペアを検出するヒントWeb系雑記: サロゲ
JavaScript第5版読書会#1 - higeorange's blog
http://cotocoto.jp/event/2880 に参加してきた。 気になったコード js> "hoge".charAt(1) o js> "hoge"[1] o // 実装によってはうごかないらしい。 new String() vs. String() js> typeof("hoge") string js> typeof(String("hoge")) string js> typeof(new String("hoge")) object js> typeof(3) number js> typeof(Number(3)) number js> typeof(new Number(3)) object 文字列 -> 数値 js> "10" - 0 10 js> "10" + 0 100 Array.fill js> new Array(10 + 1).join("*").
ema log - JavaScript 第五版読書会に行ってきた - JavaScript 第五版読書会#1に行ってきた
このページは検索エンジンのクローラ用のページです。最近のエントリ一覧などノイズになりやすい項目を除去しています。 勉強会で喋らせてもらった後に、Kanasan さん主催の「JavaScript 第五版読書会#1」。 masayashi くんを誘って、会場に行くと kur がいてびっくらこいた。 JavaScript 初心者対象と言うことだったのですが、 勉強会などに参加しようという方々は、やはりというか、ほかの言語経験などもある方が多く 言語使用のディープな部分に話が行くことが多かったように思います。ギークスパイラル。 僕としては、非常に面白くて大歓迎だったのですが、不満があった方がおられても不思議じゃないかなぁと感じました。 気にしすぎなのでしょうか。 Date などは避けたい識別子とされているけど、使わない方が良いのでは？（p.20） Firebug にて検証 >>> new Date
JavaScript第5版読書会#1無事終了しました (Kanasansoft Web Lab.)
参加した皆様、お疲れさまです。二日遅れの報告です。 全体的には成功したと思いますが、アンケートの回収率が少々芳しくありませんでした。一部の参加者の期待に応じることが出来なかったということでしょうか。気になります。まずかった点、悪かった点がありましたら、アンケートに書いて頂ければ次回開催時に反映させることも可能なのですが...。「参加して良かったですか?」への回答はほとんどが「非常に良かった」と「良かった」でした。しかし、Kanasan.JSよりも少し反応が悪かったようです。以下、分析してみます。(文中の[K][P][T]はKPT法のKeep、Problem、Tryのことです。) やはり「[K]ネット環境」と「[K]プロジェクタ」は非常に重要なようです。プロジェクタで常に表示されていた「[K]Lingr」上では、参加者がテストした検証コードとその結果がPostされたり、Firebugを使った
TAKESAKO @ Yet another Cybozu Labs: 出張 Shibuya.js 24 動画アーカイブ公開
空前の技術系イベント動画公開ブーム到来、ということで、 2007年9月15日(土) に開催された 出張 Shibuya.js 24（Mozilla 24 ～ Worldwide Continuous Event ～） の動画アーカイブが公開されました。 お待たせいたしました！9月15日～16日に開催されたMozilla 24 の各セッションアーカイブを公開しました。日本語、英語の両方が用意されています。 当日は日本国内だけでも四つの会場で同時並行で行われていたため、見られなかったセッションもあるかと思います。ぜひこれを機会にサイトを訪れていただければと思います。 アーカイブ公開は、約半年間、2008年4月末まで行われる予定です。この機会をお見逃し無く。。。 Shibuya.JS内の 全セッションが一つの動画(約1時間50分)にまとまっているので、 各セッションの開始時刻を記載しておきました
GANCHIKU.com » removeChildをするときには、その前にEventを全部取ること！
Tools JSON Viewer QRCode Generator
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
Electronic Genome - [Javascript] 中央管理型イベントマネージャ 『evtmgr.js』
Roppongi.JSの構想 - VTuberになったプログラマーの魂の残滓
Javascript - Event compatibility tables: unload