私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.117 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-5のテンプレを読んだ上で質問してください。
■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。
回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
※必ず「問題の事象が再現されること」を確認してください。
必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合はhttp://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) ライブラリ関連の質問は禁止ではありませんが、ライブラリスレで聞くとより回答を得やすいかもしれません。
(10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。
>>2-5のテンプレを読んだ上で質問してください。
■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。
回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
※必ず「問題の事象が再現されること」を確認してください。
必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合はhttp://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) ライブラリ関連の質問は禁止ではありませんが、ライブラリスレで聞くとより回答を得やすいかもしれません。
(10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。
■前スレ
+ JavaScript の質問用スレッド vol.116 +
http://peace.2ch.net/test/read.cgi/hp/1399764134/
■過去スレ全集
http://www2.atpages.jp/mirror/2ch/javascript/
http://usamimi.info/~mirrorhenkan/2ch/javascript/ (閲覧のみ)
■テンプレ案
http://jsfiddle.net/fH4cC/31/show/
■関連スレ
ECMAScript デス 4
http://toro.2ch.net/test/read.cgi/tech/1325448978/
【jQuery】JavaScript ライブラリ総合質問所 vol.3
http://toro.2ch.net/test/read.cgi/hp/1369444026/
【WHATWG】HTML5 Part6【W3C HTML WG】
http://toro.2ch.net/test/read.cgi/hp/1393153279/
Webサイト制作初心者用質問スレ part239
http://toro.2ch.net/test/read.cgi/hp/1393828207/
CSS初心者スレッド=12th=
http://toro.2ch.net/test/read.cgi/hp/1343429848/
Canvasについて語ろう
http://toro.2ch.net/test/read.cgi/hp/1305093769/
+ JavaScript の質問用スレッド vol.116 +
http://peace.2ch.net/test/read.cgi/hp/1399764134/
■過去スレ全集
http://www2.atpages.jp/mirror/2ch/javascript/
http://usamimi.info/~mirrorhenkan/2ch/javascript/ (閲覧のみ)
■テンプレ案
http://jsfiddle.net/fH4cC/31/show/
■関連スレ
ECMAScript デス 4
http://toro.2ch.net/test/read.cgi/tech/1325448978/
【jQuery】JavaScript ライブラリ総合質問所 vol.3
http://toro.2ch.net/test/read.cgi/hp/1369444026/
【WHATWG】HTML5 Part6【W3C HTML WG】
http://toro.2ch.net/test/read.cgi/hp/1393153279/
Webサイト制作初心者用質問スレ part239
http://toro.2ch.net/test/read.cgi/hp/1393828207/
CSS初心者スレッド=12th=
http://toro.2ch.net/test/read.cgi/hp/1343429848/
Canvasについて語ろう
http://toro.2ch.net/test/read.cgi/hp/1305093769/
■各種仕様 (http://fiddle.jshell.net/vSqKr/33/show/#Link も参照 )
◆ Standard ECMA-262
http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/ (ECMAScript 3 和訳)
http://www.ecma-international.org/ecma-262/5.1/ (ECMAScript 5.1 HTML版)
http://people.mozilla.org/~jorendorff/es6-draft.html (ECMAScript 6 有志HTML版)
http://kangax.github.io/es5-compat-table/ (ECMAScript 5 compatibility table)
http://kangax.github.io/es5-compat-table/es6/ (ECMAScript 6 compatibility table)
◆ HTML Standard (HTML5)
http://www.whatwg.org/specs/web-apps/current-work/multipage/
http://momdo.s35.xrea.com/web-html-test/spec/WD-html51-20130528/Overview.html (HTML5.1 部分訳)
http://www.hcn.zaq.ne.jp/___/WEB/WebStorage-ja.html (Web Storage 和訳)
◆ Document Object Model (DOM) / CSS Object Model (CSSOM)
http://www.hcn.zaq.ne.jp/___/WEB/DOM4-ja.html (DOM Standard (DOM4) 和訳)
http://www.w3.org/TR/DOM-Level-3-Events/ (DOM3 Events)
http://www.w3.org/TR/uievents/ (UI Events)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-ja.html (CSSOM 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-view-ja.html (CSSOM View Module 和訳)
◆ その他のWeb関連仕様
http://domparsing.spec.whatwg.org/ (DOM Parsing and Serialization - innerHTML等)
http://www.hcn.zaq.ne.jp/___/WEB/XHR-ja.html (XMLHttpRequest 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/File_API-ja.html (File API 和訳)
http://www.whatwg.org/specs/ (WHATWGの仕様一覧)
◆ MDN (Netscape/Mozilla)
http://developer.mozilla.org/ja/docs
◆ JavaScript Garden (ja)
http://bonsaiden.github.com/JavaScript-Garden/ja/
◆ JSON (JavaScript Object Notation)
http://www.json.org/json-ja.html
◆ MSDN Library
http://msdn.microsoft.com/ja-jp/library/yek4tbz0.aspx (JavaScript)
http://msdn.microsoft.com/ja-jp/library/cc427807.aspx (JScript)
http://msdn.microsoft.com/ja-jp/library/cc409712.aspx (DHTML)
◆ Standard ECMA-262
http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/ (ECMAScript 3 和訳)
http://www.ecma-international.org/ecma-262/5.1/ (ECMAScript 5.1 HTML版)
http://people.mozilla.org/~jorendorff/es6-draft.html (ECMAScript 6 有志HTML版)
http://kangax.github.io/es5-compat-table/ (ECMAScript 5 compatibility table)
http://kangax.github.io/es5-compat-table/es6/ (ECMAScript 6 compatibility table)
◆ HTML Standard (HTML5)
http://www.whatwg.org/specs/web-apps/current-work/multipage/
http://momdo.s35.xrea.com/web-html-test/spec/WD-html51-20130528/Overview.html (HTML5.1 部分訳)
http://www.hcn.zaq.ne.jp/___/WEB/WebStorage-ja.html (Web Storage 和訳)
◆ Document Object Model (DOM) / CSS Object Model (CSSOM)
http://www.hcn.zaq.ne.jp/___/WEB/DOM4-ja.html (DOM Standard (DOM4) 和訳)
http://www.w3.org/TR/DOM-Level-3-Events/ (DOM3 Events)
http://www.w3.org/TR/uievents/ (UI Events)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-ja.html (CSSOM 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-view-ja.html (CSSOM View Module 和訳)
◆ その他のWeb関連仕様
http://domparsing.spec.whatwg.org/ (DOM Parsing and Serialization - innerHTML等)
http://www.hcn.zaq.ne.jp/___/WEB/XHR-ja.html (XMLHttpRequest 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/File_API-ja.html (File API 和訳)
http://www.whatwg.org/specs/ (WHATWGの仕様一覧)
◆ MDN (Netscape/Mozilla)
http://developer.mozilla.org/ja/docs
◆ JavaScript Garden (ja)
http://bonsaiden.github.com/JavaScript-Garden/ja/
◆ JSON (JavaScript Object Notation)
http://www.json.org/json-ja.html
◆ MSDN Library
http://msdn.microsoft.com/ja-jp/library/yek4tbz0.aspx (JavaScript)
http://msdn.microsoft.com/ja-jp/library/cc427807.aspx (JScript)
http://msdn.microsoft.com/ja-jp/library/cc409712.aspx (DHTML)
一部の人が、わーわーいっていますが、テンプレの修正は行いません。
今までの通り続けていきます。
なのでこのスレでライブラリ関連の質問はOKです。
lodashやjQueryの話題も問題ありません。
■諸注意
自治厨は嵐です。自分の好きな通りにスレを変えようとしているだけです。
ライブラリ系の質問は本スレッドで禁止されていません。一人で勝手に決めようとしてるだけです。
許可されたライブラリの話題を禁止しようとしたり荒らすなどの
行為が確認された場合は不要な争いを避ける為、スルーすることを推奨します。
今までの通り続けていきます。
なのでこのスレでライブラリ関連の質問はOKです。
lodashやjQueryの話題も問題ありません。
■諸注意
自治厨は嵐です。自分の好きな通りにスレを変えようとしているだけです。
ライブラリ系の質問は本スレッドで禁止されていません。一人で勝手に決めようとしてるだけです。
許可されたライブラリの話題を禁止しようとしたり荒らすなどの
行為が確認された場合は不要な争いを避ける為、スルーすることを推奨します。
>>1
乙
乙
>>5
また、お前か
また、お前か
ライブラリ禁止する発言が自治房でライブラリ許可する発言は自治房じゃないという矛盾
荒らしの理論だな
荒らしの理論だな
ライブラリ禁止発言・・・迷惑
ライブラリ許可発言・・・している人は、禁止発言に対するレスとしてだけ。
ごく普通に、JavaScriptの話をしているのに、
それがライブラリだからって、JavaScriptではない自治の話を始めるんだ。
それが迷惑ということ。
ごく普通に、JavaScriptの話をしているのだから
ごく普通に、JavaScriptのレスをしようよ。
それだけのことじゃないか。
ライブラリ許可発言・・・している人は、禁止発言に対するレスとしてだけ。
ごく普通に、JavaScriptの話をしているのに、
それがライブラリだからって、JavaScriptではない自治の話を始めるんだ。
それが迷惑ということ。
ごく普通に、JavaScriptの話をしているのだから
ごく普通に、JavaScriptのレスをしようよ。
それだけのことじゃないか。
vol115を読めば「ごく普通のライブラリの話」ではなかったことがわかるはずだが、荒らしに何を言っても通じないだろうな
何も言っても通じないと思うなら諦めれば?
JavaScriptの話をしていることに間違いはないのだから
それで埋まったとしても、何も悪いことはないだろ?
それにくらべて、無関係な話でスレを埋めているのは誰だって話だよ。
JavaScriptの話をしていることに間違いはないのだから
それで埋まったとしても、何も悪いことはないだろ?
それにくらべて、無関係な話でスレを埋めているのは誰だって話だよ。
今まで通りライブラリ関連のコアな質問や返答は別スレに誘導しておけばいいよ
禁止までする必要はない
禁止までする必要はない
テンプレに何の実効力もないと判明しているのに何故かテンプレに拘り続ける奴w
官僚主義の権化だな
官僚主義の権化だな
そもそも誰かがテンプレに勝手に書いただけなので関係ないです。
自由ですから。
自由ですから。
ここは荒らしがたてたスレなので放置推奨
次スレはプログラム板に移行予定
次スレはプログラム板に移行予定
このように暴言を吐いても許されるのがこのスレ
荒らしにとっては理想的な場だな
荒らしにとっては理想的な場だな
様々なハンドラの中でpreventDefaultやstopPropagationをしていて
そのせいでイベントシステム全体の見通しが悪くなっています
想定外の動作が、preventやstop~が原因かもしれないけど
そのpreventやstop~を取り除いた時に何が起きるか、もう覚えてないって感じです・・。
こういうのどうやってますか?
そのせいでイベントシステム全体の見通しが悪くなっています
想定外の動作が、preventやstop~が原因かもしれないけど
そのpreventやstop~を取り除いた時に何が起きるか、もう覚えてないって感じです・・。
こういうのどうやってますか?
ここは幅広い質問をしても文句を言われないスレであって
荒らしが許容されるスレではありません
荒らしは思いっきり殴ります
荒らしが許容されるスレではありません
荒らしは思いっきり殴ります
完全に>>27が荒らし化してるなw
小競り合いは荒れを招くだけなので
幼稚なレッテル貼りを許しましょう
自治厨はすみやかに植民して下さいね
幼稚なレッテル貼りを許しましょう
自治厨はすみやかに植民して下さいね
同種のイベント(たとえばmousedown)の中で一番最後に実行されるイベント
を設定するにはどうしたらいいですか?
ライブラリの影響は気にしません
自分のコードの中で一番最後に実行したい、ということです
を設定するにはどうしたらいいですか?
ライブラリの影響は気にしません
自分のコードの中で一番最後に実行したい、ということです
>>31
・一番最後にイベントを設定する
・イベントバブルを利用して親やdocumentにイベントを設定する。
・イベントを一つだけ設定して、その中で独自のイベントを管理する。
とかかな。
jQueryは実際にイベントを割り当てるのは一つで
内部でイベント管理してたはずだから
そういうjQueryプラグインを作れるかもしれないね。
・一番最後にイベントを設定する
・イベントバブルを利用して親やdocumentにイベントを設定する。
・イベントを一つだけ設定して、その中で独自のイベントを管理する。
とかかな。
jQueryは実際にイベントを割り当てるのは一つで
内部でイベント管理してたはずだから
そういうjQueryプラグインを作れるかもしれないね。
もう一つおすすめはしないけど、
addEventListener(やattachEvent)を
独自の関数に置き換えるって手もあるな。
やり方は自分で調べてね。
addEventListener(やattachEvent)を
独自の関数に置き換えるって手もあるな。
やり方は自分で調べてね。
ありがとうございます
付ける順番と、DOMツリーに左右されるようなので、いろいろ検証したところ
$(document).on('mousedown',function(e){
console.log('nodelegate');
}).on('mousedown','body',function(e){
console.log('body');
}).on('mousedown','#test',function(e){
console.log('test');
});
とした時、非デレゲートのイベントが、最初に付けても最後に実行されると確認できましたので
これでやろうと思います
ありがとうございました
付ける順番と、DOMツリーに左右されるようなので、いろいろ検証したところ
$(document).on('mousedown',function(e){
console.log('nodelegate');
}).on('mousedown','body',function(e){
console.log('body');
}).on('mousedown','#test',function(e){
console.log('test');
});
とした時、非デレゲートのイベントが、最初に付けても最後に実行されると確認できましたので
これでやろうと思います
ありがとうございました
ハンドラの中でsetTimeout0を使うと
何故すべてのハンドラの最後尾が保証されるのです?
タイミング次第では?
何故すべてのハンドラの最後尾が保証されるのです?
タイミング次第では?
preventDefaultした時に、
デフォルト動作と同じ操作、
すなわちフォーカス以外の部分をクリックした時にフォーカスを外す、
といったことを、最後尾のハンドラでするようにしたら、うまくいきました\(^o^)/
ありがとうこざいました
デフォルト動作と同じ操作、
すなわちフォーカス以外の部分をクリックした時にフォーカスを外す、
といったことを、最後尾のハンドラでするようにしたら、うまくいきました\(^o^)/
ありがとうこざいました
以前、mousedownでstopPropagationしても、
そのマウスダウンから構成されるクリックを防ぐことは出来ない、という問題があり、
それに対してsetTimeoutで一定時間クリックを受け付けないようにする、という方法を提示しましたが、
マウスダウンハンドラの中でクリックを防ぐためのクリックハンドラを付ける、という方法を思いつきました
こっち方が自然かもしれません
そのマウスダウンから構成されるクリックを防ぐことは出来ない、という問題があり、
それに対してsetTimeoutで一定時間クリックを受け付けないようにする、という方法を提示しましたが、
マウスダウンハンドラの中でクリックを防ぐためのクリックハンドラを付ける、という方法を思いつきました
こっち方が自然かもしれません
>>36
この件ですが、windowで受けた方が後になりました
というかdocumentにデレゲートなしのmousedownを一時的に付けたりすることはわりとよくあるので
documentではアカンかったです
windowにmousedownを付けるのは普通の使い方をしている限りないので、いいかと思います
この件ですが、windowで受けた方が後になりました
というかdocumentにデレゲートなしのmousedownを一時的に付けたりすることはわりとよくあるので
documentではアカンかったです
windowにmousedownを付けるのは普通の使い方をしている限りないので、いいかと思います
>>42
もしかして、絞込してない?
documentにイベントをつけるにしても、
無関係の要素のイベントを取らないように、
どこから発生したかを調べるもんだよ。
やり方は簡単。
$(document).on('click', '.class', function() { ・・・ })
こういうふうにするだけで、classがついてる要素だけ
イベントを処理できる。
もしかして、絞込してない?
documentにイベントをつけるにしても、
無関係の要素のイベントを取らないように、
どこから発生したかを調べるもんだよ。
やり方は簡単。
$(document).on('click', '.class', function() { ・・・ })
こういうふうにするだけで、classがついてる要素だけ
イベントを処理できる。
そんなことはもちろん知っていますよ
ど素人じゃないんですから・・。
でもありがとうございました
ど素人じゃないんですから・・。
でもありがとうございました
あごちゃんが社名を名指しして批判しているの見てショックを受けました
同業叩きは恥ずかしいですね
同業叩きは恥ずかしいですね
あなたもその人を名指しで批判してるじゃないですか
このスレでそんなことはしないで下さい
このスレでそんなことはしないで下さい
>>40
この件ですが、クリックを殺すためのクリックハンドラを付ける、という方法だと
何かのタイミングでそのハンドラが残ってしまい、
クリックが想定しないところで無効になってしまうようになったので、
時限方式に戻しました
時限方式はマシンの処理速度に依存するので
(とはいえ現実的に、mousedownとclickの間で200msもかかるマシンが現存するとも思えないのですが)
少し引っかかるのも事実です・・
この件ですが、クリックを殺すためのクリックハンドラを付ける、という方法だと
何かのタイミングでそのハンドラが残ってしまい、
クリックが想定しないところで無効になってしまうようになったので、
時限方式に戻しました
時限方式はマシンの処理速度に依存するので
(とはいえ現実的に、mousedownとclickの間で200msもかかるマシンが現存するとも思えないのですが)
少し引っかかるのも事実です・・
「クリック殺し」に到達する前にstopPropagationされていたのかもしれません
こうなると、フラグで管理する方がいいのかも
こうなると、フラグで管理する方がいいのかも
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
みんなの評価 : 類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.113 + (1001) - [97%] - 2014/1/25 12:46
- + JavaScript の質問用スレッド vol.110 + (1001) - [97%] - 2013/10/13 14:01
- + JavaScript の質問用スレッド vol.119 + (1002) - [97%] - 2014/10/3 15:30
- + JavaScript の質問用スレッド vol.118 + (1002) - [97%] - 2014/8/29 22:30
- + JavaScript の質問用スレッド vol.116 + (1002) - [97%] - 2014/7/1 0:45
- + JavaScript の質問用スレッド vol.115 + (1001) - [97%] - 2014/5/29 16:16
- + JavaScript の質問用スレッド vol.114 + (1001) - [97%] - 2014/5/3 10:45
- + JavaScript の質問用スレッド vol.127 + (160) - [97%] - 2021/7/16 9:30
- + JavaScript の質問用スレッド vol.112 + (1001) - [97%] - 2013/11/27 16:46
- + JavaScript の質問用スレッド vol.111 + (1001) - [97%] - 2013/11/4 6:00
- + JavaScript の質問用スレッド vol.113 + (1001) - [97%] - 2014/3/15 21:30
- + JavaScript の質問用スレッド vol.127 + (1001) - [97%] - 2016/2/4 0:15
- + JavaScript の質問用スレッド vol.137 + (1003) - [97%] - 2019/3/26 11:46
- + JavaScript の質問用スレッド vol.107 + (1001) - [97%] - 2013/9/7 10:16
- + JavaScript の質問用スレッド vol.121 + (1001) - [95%] - 2015/1/1 18:30
- + JavaScript の質問用スレッド vol.126 + (952) - [95%] - 2015/11/18 13:15
- + JavaScript の質問用スレッド vol.126 + (348) - [95%] - 2023/1/12 17:00
トップメニューへ / →のくす牧場書庫について