元スレ+ JavaScript の質問用スレッド vol.113 +
JavaScript覧 / PC版 /みんなの評価 :
51 = :
否定するなら代替案を出したほうがいいよ
52 = :
>>1が質問だけするスレになりそうだね、ここは。
53 = :
>>49
立てられなかった
誰か頼む
54 = :
「ボクのテンプレを改変したから別スレ立てるー」かw
低レベルだねえ
55 = :
便乗荒らしが出てきてるね
56 = :
jQueryでイベントの有無を確かめるいい方法はありませんか?
http://stackoverflow.com/questions/11612874/how-can-you-bind-an-event-handler-only-if-it-doesnt-already-exist
ここでは一旦外してもう一回付け直す、という方法を採っていますが
普通に有無を確かめてなければ付ける、ということをしたいです
57 = :
http://pastebin.com/Q7b7xSwB
$('body').click(function(){ alert('test' )})
var foo = $.data( $('body').get(0), 'events' ).click
// you can query $.data( object, 'events' ) and get an object back, then see what events are attached to it.
この方法も最早使えないようです
58 = :
>>56-57
jQueryのプライベートなプロパティ、$._dataから確かめるしかない
そうするとバージョンアップで動かなくなる可能性があるのでそういうプラグインを探すのを推奨する
あるいは諦めて他の方法をとる(独自にフラグ管理するなど)
59 = :
それだけのためにプラグインを使うのは抵抗があるので別のやり方しようと思います
ありがとうございました
60 = :
jQueryオブジェクトの変数名は慣習的に$hogeですが
jQueryオブジェクトの配列の変数名はどうしてますか?
61 = :
http://jsbin.com/uPimIYup/1/edit
二つのスクロール領域があります。
フォーカスを与えてキーを押すと、反応します。pageUpやスペースキーでスクロールします。当たり前ですが。
ですが、これをJavaScriptでやる方法が分かりません
keydownイベントの中で、
これらの部品に現在フォーカスがあるということを知るにはどうしたらいいのでしょうか?
activeElementに入っているかと思ったのですがbodyが入っていました
イベントオブジェクトにもそれらしいものが入っておらず、
完全にお手上げ状態です
よろしくお願いします
63 = :
>>61
・$(document).on('keydown','#test,#test1',…)の形で受ける
・container/container1にtabindexを付加する
これで行けるかと
64 = :
出来ました!
webkitではtabindexを付けないとキーイベントが発生しなかったんですね
http://stackoverflow.com/questions/4791391/keyboard-scrolling-on-focused-div-in-webkit
これで念願の自前スクロールバーが完成しそうです\(^o^)/
ありがとうございました
65 = :
hoverすると要素の色を変更し、ドラッグ中もその色を保持したいです
しかし要素が細いので、ドラッグ中にカーソルがよく外れて、CSSがhoverじゃなくなってしまいます
ホバってない時もホバり用のCSSを明示的に適用するいい方法ありませんか?
ドラッグ用クラスを用意して、ドラッグ中はそのクラスを付けるという方法もありますが、
hoverとそのドラッグ用クラスに色指定がばらけるのは抵抗があります
67 = :
>>64
独立してスクロールしない事を嫌う人もいるから設定でon/offできるようにした方がいいと思うよ
68 = :
ありがとうございます
「独立してスクロールしない」とはどういう状態のことでしょうか?
わりと忠実にデフォルトのスクロールバーの機能を再現できたと思っているのですが・・
69 = :
http://rocha.la/jQuery-slimScroll
http://www.yuiazu.net/perfect-scrollbar/
自前スクロールバーとはこんな感じのものです
70 = :
keyupイベントをロギングしてみると、「1」のような単純な文字でも、
一回押すと4回イベントが発生していました。
常駐親指シフトソフトの「やまぶき」をオフにしたところ、現象がなくなったので、これが原因のようです。
3回の余計なキーコードは143で、
http://www.blogs.zeenor.com/tag/javascript-key-code-list
ここを見ると割り当てなしのようです
おそらく割り当てのないコードを使っているということでしょう
一回でいいところで4回も発生するとなると処理によってはパフォーマンスが気になります
デフォルトでマッピングされているキーコードかどうかを知るにはどうしたらいいでしょうか?
71 = :
>>70の件ですが、キーマッピングは複雑怪奇でテーブルを用意しても問題が出そうだったので、
コントロールのvalueのlengthをjQueryのdataに保存しておいて
それが前回と異なっていれば処理をする、という形にしました
ありがとうございました
72 = :
http://www.html5rocks.com/en/tutorials/file/dndfiles/
このページの上から4つ目のコードで質問なのですが、
for (var i = 0, f; f = files[i]; i++) {
このfor文の式1のfとは、何をしているのでしょうか?
(var i = 0,の直後のfです)
あってもなくてもエラーなく動作するのですが、何かを明示的に記述しているのでしょうか。
カンマで区切る意味はわかるのですが、変数だけを記述する意味がよく分かりません。
わかる方、よろしくお願いします。
一応コピーしてみました。
http://jsdo.it/testaeoflijwaelfija/azui
73 = :
>>72
宣言でしょ
var f; と同じ
74 = :
javascript 変数宣言 で調べればすぐ理解できるはず
75 = :
>>73,74
なるほど、ありがとうございました!
77 = :
arrayなのにキーが文字列なのはおかしいのでは?
80 = :
>>77-78
ありがとうございます
83 = :
>>82
現象を再現可能なコードを出してください
85 = :
一体どういう現象なんだと首を捻っていたけどそれだ
片方はvarを付けてるからローカル変数になってるのか
87 = :
elm.addEventListener("click", function(){alert("hoge");}, false);
みたいな無名関数のイベントが既に登録(編集できない)されてて
そのイベントを後から削除するにはどうすればいいのでしょうか?
jQueryなどは使わずに特定の要素に付けられてるclickイベントを全て削除するとか
89 = :
ありがとです。
要素を複製して新たに作ることにします。
90 = :
>>89
いや、素直に名前付き関数にすべきだと思うが
92 = :
既存の編集できない無名関数を名前付きに?
94 = :
>>92
なぜ編集できないのよ?
95 = :
他人が書いたライブラリの一部なんじゃね
97 = :
テキストエリアの変更をリアルタイムに検知するのにkeyupやkeydownを使っていたのですが
コンテキストメニューからのペーストで反応しないことを発見しました
onchangeはフォーカスを外した時点でしか発生しないので使えません
どうすればいいと思いますか?
タイマーで1/60秒くらいのペースでチェックしまくるという泥臭い方法くらいしか思いつきません
98 = :
jsbinのエディタでもリアルタイム検知してますね
この感じだとやはりタイマーでチェックしてるのかな~
100 = :
そんなイベントがあったんですね
初耳です
ありがとうございました
類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.113 + (1001) - [100%] - 2014/3/15 21: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.119 + (1002) - [97%] - 2014/10/3 15:30
- + JavaScript の質問用スレッド vol.112 + (1001) - [97%] - 2013/11/27 16:46
- + JavaScript の質問用スレッド vol.133 + (1001) - [97%] - 2018/6/8 10:45
- + JavaScript の質問用スレッド vol.111 + (1001) - [97%] - 2013/11/4 6:00
- + JavaScript の質問用スレッド vol.110 + (1001) - [97%] - 2013/10/13 14:01
- + JavaScript の質問用スレッド vol.117 + (1009) - [97%] - 2014/8/5 3:30
- + JavaScript の質問用スレッド vol.123 + (966) - [97%] - 2020/10/20 2:30
- + JavaScript の質問用スレッド vol.103 + (1001) - [97%] - 2012/11/9 15:30
- + JavaScript の質問用スレッド vol.123 + (1002) - [97%] - 2015/4/27 23:30
- + JavaScript の質問用スレッド vol.143 + (753) - [97%] - 2020/4/19 5:00
- + JavaScript の質問用スレッド vol.121 + (1001) - [95%] - 2015/1/1 18:30
- + JavaScript の質問用スレッド vol.120 + (1002) - [95%] - 2014/11/8 1:15
トップメニューへ / →のくす牧場書庫について