iPhoneのMobile Safariでdocumentに設定したクリックイベントが効かないときの対処法 - みかづきブログ その3
iPhone用のサイトをコーディングしているとき、 document や body にクリックイベントを設定してもイベントが発火しないという現象に陥ったことはないでしょうか。 ざっと調べてみるとどうやら、document、bodyにはクリックイベントが設定できないようです。 ただし、イベントの伝播を使えば発火させることはできるようで、クリックイベントを持った子要素をクリックすることで、documentやbodyに対してのクリックイベントを発火させることができます。 (function(win, doc) { "use strict"; doc.querySelector("div").addEventListener("click", function() { alert("div"); }, false); doc.addEventListener("click", function()
js で利用する DOM の名前をどうやってつけたらよいのか - おもしろwebサービス開発日記
js で DOM をゴニョゴニョしたい時、きっと皆さんは id や class で DOM に名前を付けて、その名前を利用して js の処理を書いていると思います。 例えば<input type="button" class="update" value="更新" />のようなボタンがあったとして、 js 側で更新処理を書くときには下記のように書きます。 $('.update').on('click', function () { // update 処理 }) でもこれだと問題になるケースがあります。よくあるのが、マークアッパーとフロントエンジニアが分業していて、マークアッパーがデザインのために class 名を変えてしまい js が動かなくなるパターン。分業せずに一人で全部やってたとしても、時間が経つにつれ使っている class 名が js だけで使っているのか、css でも使っている
Webフロントエンドに従事するお前らはいい加減高頻度イベントとレイアウトとスタイリングの付き合い方を考えろ - Qiita
もうなんかこの際マジで言わせていただくんですけど、知ってるか知らないか分かりませんが世の中にはすごい頻度で呼ばれうるDOMイベントって言うのがいくつかあるわけですよ 例えば scroll mousemove, touchmove devicemotion 辺りですよ。 で、高頻度で呼ばれるって言うことは必然的に処理量が増えるって分かりますよね？？？？？while(1) {}じゃないとはいえUIスレッドに十分影響を与えうる頻度で呼ばれる訳です。分かりますよね？？？？？？？？ そうなると当然そのイベント内で重い処理を行えば人間が認識できるレベルでのレスポンス遅延が起きるっていうのはご理解できますよね？ 重い処理っていうのはまぁ想像出来るとは思うんですが例えばよくあるのが DOMのレイアウトプロパティへのアクセス offsetTop、offsetLeft、offsetWidth、offsetHe
ローカルへのデータの保存を可能にするDOM Storage - builder by ZDNet Japan
2種類のDOM Storage DOM Storageはブラウザがローカルに持つストレージにデータを保存することができる仕組みである。従来、ウェブアプリケーションが何らかのデータを永続化するにはCookieを利用するか、そうでなければサーバ側のストレージに保持しておく必要があった。DOM Storageよって、そのような様々な情報をローカル側に保存しておくことができるようになる。 Firefoxではこの機能をFirefox 2の頃からサポートしているが、現在ではHTML 5のドラフトに正式に採用されているため、IE4やSafari4など他のブラウザでも同じ機能をサポートするようになった。すなわち、これまでFirefoxでしか利用できなかったDOM Storage対応のサイトが別のブラウザでも利用できるようになったというわけだ。 DOM StorageはWindowオブジェクトの属性として定
第7回 スクリプトを完全に分離しよう ～コンテンツ，プレゼンテーション，ビヘイビア～
前回でW3C DOMイベントモデルの基礎を学んできましたが，ここでは，その実践を見ていきます。W3C DOMイベントモデルで，どのようにしてHTMLとスクリプトを完全分離するのか，そして，W3C DOMイベントモデルを使うことで，イベント・ハンドラでの問題点も克服できることを具体的に見てきます。 コンテンツ，プレゼンテーション，ビヘイビアの分離 ホームページはただ単に文字情報を伝えればよいだけでなく，見た目も重視されます。また，マウスクリックといったイベントに応じて動きを与えることも多くなってきました。 しかし，ホームページに求める要求が大きくなればなるほど，HTMLコードがどんどん煩雑になり，保守性が大きく損なわれることになります。また検索エンジンのロボットにも大きな影響を与えてしまいます。そのため，コンテンツ，プレゼンテーション，ビヘイビアの分離の重要性が注目されるようになりました。
第1回 DOMから始めるモダン・スクリプティングの世界へようこそ
本連載では，DOM（Document Object Model）を使ったJavaScriptの新しいコーディング手法について紹介していきます。 近年，AJAXの台頭をきっかけに，JavaScriptを使ったブラウザのリッチ・クライアント化が進んできました。これまでは，サーバー側のプログラムでページを書き換えることで，ブラウザの表示に変化を与えてきました。しかし，現在では，ページの表示を変化させるだけであれば，ほとんどのことはJavaScriptのみで対処することが可能です。それを実現するのがDOMなのです。 ブラウザのリッチ・クライアント化により，JavaScriptに求められる要求は，複雑さを増すばかりです。本連載では，DOMの基礎を学び，DOMならではのコーディング手法について紹介していきます。 まず，第1回ではDOMとは何なのか，そしてDOMで何ができるのかを解説していきます。 DO
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML DOM Button value Property
The Qt Project
How to get a DOM elements click handler using capybara-webkit or native QtWebKit?
JavaScript/DOM｜PHP & JavaScript Room
DOM制御･更新処理：外部にコンテンツを挿入｜jQuery APIリファレンス｜Ajax｜PHP & JavaScript Room
http://blogs.sun.com/keiichio/