元スレ+ JavaScript の質問用スレッド vol.107 +
JavaScript覧 / PC版 /みんなの評価 :
101 = :
textareaの文字列選択を解除するにはどうやればいいですか?
102 = :
知らんがな
103 = :
他のブラウザだとdocument.bodyなところを、IEだとdocument.documentElementが入ってたりします
当然=== document.bodyの判断が通りません
jqueryを使って、うまいこと抽象的に判断する方法はないでしょうか?
isRootNode的な
104 = :
知らんがな
106 = :
>>101
フォーカス外せばいいんじゃね?
107 = :
ありがとうございます
副作用として外させるのではなく、それ自体を目的としたコードにしたいのですが
そういう方法はないということでしょうか
108 = :
副作用?
言っている意味がわからないけど、とりあえず.blur()を試してみて。
こういうのとは違う?
109 = :
調べたところプログラミングにおける副作用は、別の意味でした
blurはフォーカスを外す機能で、
選択範囲がキャンセルされるのはそれに不随した結果ですよね。
不随した現象を目的として関数を呼ぶのはキレイではないので
選択範囲を外す機能自体を直接的に実行したい、ということです
textarea.selection.cancel()的な
110 = :
なるほど。
ちょっとググってみると、クロスブラウザの問題があるけど、存在するようだよ。
ただし、textareaだけじゃなくて、地の文の選択状態なども解除しちゃうが。
IE以外だと window.getSelection().removeAllRanges(); らしい。あとは自分で調べて。
111 = :
当該選択範囲が textarea の中にあるか調べてあるときだけ解除すればいいんでは。
112 = :
>>109
document.writeでtextareaを書き直す
113 = :
ありがとうございました
調べてみたところgetSelectionは、IE以外だと地の文だけが対象になるようです
Window オブジェクトの getSelection() メソッドは、
選択されたテキストが <input> フォーム要素や <textarea> フォーム要素中の場合は、
選択されたテキストを返しません。
(JavaScript第六版)
そしてフォーム要素で選択範囲をなくすのは、
エレメントのselectionEnd属性をselectionStart属性と同じにするだけでした
textarea.selectionEnd = textarea.selectionStart;
こんな感じで
114 = :
>>113
chromeは>>110ので解除されるけど、firefoxでは解除されないな。
firefoxが仕様通りってことかな。
>textarea.selectionEnd = textarea.selectionStart;
これだと選択範囲は消えるけど、カーソルは残るね。いいのか?
115 = :
フォーカスそのままで範囲選択だけをキャンセルしたかったので、
カーソルは残る方がいいです
116 = :
同じフェードアウトのコードでも
IEは他と比べてじわっ・・と消えます
タイマーの挙動が違うのかなぁ
気持ちいい数値を調整しているのに、ブラウザごとにタイミングが異なるのは困ります
こういう問題どう解決しますか
117 = :
http://d.hatena.ne.jp/sandai/20100513/p1
少し前の記事ですが、ブラウザにより実際の最小の間隔はかなりばらつきがあるようです
間隔を20msにして回数を調整したらほぼ同じ感じになりました
120 = :
CSS3はGPUの支援を受けられるから同じような動きでも
setIntervalなんかでやるより滑らかに表現できることが多いからオススメ
実際にやってみると違うのがわかるよ
123 = :
途中で書き込んでしまった
hoge {
left: 100px;
}
fuga{
left: {hoge.left}
}
こんなイメージです
124 = :
>>123
スレタイ読めないの?
126 = :
Math.pow(,)を使ってちょっと複雑な計算をしたいのですが、結果にNaNが出てしまいます。
やりたいことはこのような計算なのですがうまくいきません。
aaa = 10;
bbb = 12;
ans = 1 - Math.pow((aaa - 1 )/ aaa ,bbb) * 100;
ちゃんと数値として認識されて計算処理ができればうまくいきそうですが、やり方が分かりませんでした。
どのように記述すればうまく計算できるでしょうか?
128 = :
>>126
何この気色悪い空白の使い方
131 = :
Cみたいな性的変数は使えますか?
var count=0;
function getcount(){
count++; return count;
}
みたいなコードを使ってるんですが、count変数を関数のなかにとじこめたいです
133 = :
>>131
//関数プロパティ(外部から書きかれられてしまう)
getCount.count = 0;
function getCount(){
return ++getCount.count;
}
//クロージャ
getcount = (function(){
var count = 0;
return function(){return ++count}
})();
for(var i=0; i<3; i++){
alert(getCount() + " : " + getcount());
}
134 = :
その時点で必要でない要素はvisibilityをhiddenにしていたのですが
表示しないDOM要素が増えてくると、動作が遅くなってきました
ハンドラを付けてもおらず、表示してもいないDOM要素でも、
増えると速度低下を引き起こすのでしょうか?
DOMをキャッシュ的に使うのは得策ではなく、
適時DOM要素を作成したり除去したりするべきなのでしょうか?
140 = :
>>139
おおこんなのがあったんですね
ありがとうこざいました!
141 = :
>>133
クロージャのなかの変数って永遠に保持されるって思えばいいの?
ありがとう
145 = :
空になりたい 自由な空へ
147 :
IEはキャッシュしてるとダメみたいなことがあったかもしれん
148 = :
キャッシュ対策で?と時刻つけたりしても駄目っぽい
IE以外で確認したら何か分かったりするかな
ファイヤーフォックスでもインストールしてみるか
149 = :
NaNって何て読むんですか?ナン?
150 :
ページスクロールをスムーズにするjavascriptを入れてるんですが、
<form action="#shita">、<input type="submit" value="計算">を使って
ボタンを押すと同ページの下に行くようにしたいのですがどうすればいいでしょうか?
PHPを使って計算をして結果を下に表示したいと思ってます。
通常のページ移動はスムーズになるようになりましたが、ボタンを押した際の移動が
スムーズになりません。
類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.127 + (1001) - [97%] - 2016/2/4 0:15
- + JavaScript の質問用スレッド vol.106 + (1001) - [97%] - 2013/7/20 9:30
- + JavaScript の質問用スレッド vol.117 + (1009) - [97%] - 2014/8/5 3:30
- + JavaScript の質問用スレッド vol.127 + (160) - [97%] - 2021/7/16 9:30
- + JavaScript の質問用スレッド vol.137 + (1003) - [97%] - 2019/3/26 11:46
- + JavaScript の質問用スレッド vol.108 + (1001) - [97%] - 2013/9/21 15:16
- + JavaScript の質問用スレッド vol.109 + (1001) - [97%] - 2013/10/7 13:16
- + JavaScript の質問用スレッド vol.105 + (1001) - [97%] - 2013/5/20 4:45
- + JavaScript の質問用スレッド vol.104 + (1001) - [97%] - 2013/1/28 4:00
- + JavaScript の質問用スレッド vol.103 + (1001) - [97%] - 2012/11/9 15:30
- + JavaScript の質問用スレッド vol.102 + (1001) - [97%] - 2012/9/11 17:30
- + JavaScript の質問用スレッド vol.101 + (1001) - [97%] - 2012/7/16 14:15
- + JavaScript の質問用スレッド vol.100 + (1001) - [97%] - 2012/6/13 22:46
- + JavaScript の質問用スレッド vol.121 + (1001) - [95%] - 2022/11/29 16:30
- + JavaScript の質問用スレッド vol.126 + (952) - [95%] - 2015/11/18 13:15
- + JavaScript の質問用スレッド vol.126 + (348) - [95%] - 2023/1/12 17:00
- + JavaScript の質問用スレッド vol.125 + (1001) - [95%] - 2015/10/7 17:45
トップメニューへ / →のくす牧場書庫について