私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.113 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
>>900
デフォルトCSSで body { margin: 8px } が指定されているから
デフォルトCSSで body { margin: 8px } が指定されているから
offsetはbodyが基準になるんですね
親要素との相対位置と思い込んでました
ありがとうございました
親要素との相対位置と思い込んでました
ありがとうございました
>>902
まず、思い込む前に offset の機能を調べた方がいい
http://api.jquery.com/offset/
http://developer.mozilla.org/ja/docs/Web/API/element.offsetTop
その癖を直さないと、同じことを何度も繰り返すよ
まず、思い込む前に offset の機能を調べた方がいい
http://api.jquery.com/offset/
http://developer.mozilla.org/ja/docs/Web/API/element.offsetTop
その癖を直さないと、同じことを何度も繰り返すよ
The .offset() method allows us to retrieve the current position of an element relative to the document.
offsetはdocument基準のオフセット座標でpositionはoffsetParent基準のオフセット座標なんですね
でもオフセット座標がまだいまひとつ分かっていません
でもオフセット座標がまだいまひとつ分かっていません
JavaScript第六版にかなり詳細な説明がありました
覚えていないということは、ほとんど読み飛ばしたのでしょう
ちゃんと読んでみます
ありがとうございました
覚えていないということは、ほとんど読み飛ばしたのでしょう
ちゃんと読んでみます
ありがとうございました
質問です。http://www.imjfenox.com ここのサイトのlogoがスクロールすると小さくなるのですが、これはどのように書けばよいのでしょうか？
教えて下さい。宜しくお願いします。
教えて下さい。宜しくお願いします。
UTF8の「幅なしスペース」をソース中の文字列として記述したいのですが
どうしたら出来るでしょうか
どうしたら出来るでしょうか
alert("\u00a9");
ユニコードを表示させたいって意味とは違うのかい
ユニコードを表示させたいって意味とは違うのかい
for in による オブジェクトプロパティーのリストアップについて
ブラウザやnodejsだと、、
var o = {w:10, h:20, func:function(){console.log(this.h);}}
for(var x in o){ console.log(x +":"+ typeof o[x] + " = " + o[x]); }
--->
w:number = 10
h:number = 20
func:function = function (){console.log(this.h);}
このような結果がえられますが、var o = Math だと何も表示されません。
Mathは "グローバル" な "組み込み" オブジェクトだから特別なんでしょうか？
それとも for in ではリストアップできないように指定する方法があるのでしょうか？
ブラウザやnodejsだと、、
var o = {w:10, h:20, func:function(){console.log(this.h);}}
for(var x in o){ console.log(x +":"+ typeof o[x] + " = " + o[x]); }
--->
w:number = 10
h:number = 20
func:function = function (){console.log(this.h);}
このような結果がえられますが、var o = Math だと何も表示されません。
Mathは "グローバル" な "組み込み" オブジェクトだから特別なんでしょうか？
それとも for in ではリストアップできないように指定する方法があるのでしょうか？
Object.getOwnPropertyNames(Math).forEach(function(i){
console.log(i + ':' + Math[i]);
});
console.log(i + ':' + Math[i]);
});
>>916
列挙されるかどうかはenumerable属性次第
属性を指定してプロパティを定義したい場合はObject.create, Object.defineProperties, Object.definePropertyを使う
var o = Object.defineProperties({}, {
x: { value: 10, configurable: true, enumerable: false, writable: true },
y: { value: 20, configurable: true, enumerable: false, writable: true },
});
逆にプロパティの属性を知りたい場合はObject.getOwnPropertyDescriptorを使う
console.dir(Object.getOwnPropertyDescriptor(Math, 'sin'));
列挙されるかどうかはenumerable属性次第
属性を指定してプロパティを定義したい場合はObject.create, Object.defineProperties, Object.definePropertyを使う
var o = Object.defineProperties({}, {
x: { value: 10, configurable: true, enumerable: false, writable: true },
y: { value: 20, configurable: true, enumerable: false, writable: true },
});
逆にプロパティの属性を知りたい場合はObject.getOwnPropertyDescriptorを使う
console.dir(Object.getOwnPropertyDescriptor(Math, 'sin'));
>>919
for-in Statement は [[Enumerable]] === true のプロパティ名のみを返す
http://www.ecma-international.org/ecma-262/5.1/#sec-12.6.4
Object.getOwnPropertyNames は [[Enumerable]] === false なプロパティも含めて返す
http://www.ecma-international.org/ecma-262/5.1/#sec-15.2.3.4
for-in Statement は [[Enumerable]] === true のプロパティ名のみを返す
http://www.ecma-international.org/ecma-262/5.1/#sec-12.6.4
Object.getOwnPropertyNames は [[Enumerable]] === false なプロパティも含めて返す
http://www.ecma-international.org/ecma-262/5.1/#sec-15.2.3.4
>>917は貼り間違えた
ほんとはこっちを貼りたかった
http://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/for...in
＞説明
＞for...in ループは組み込みプロパティに対しては反復しません。
＞これらには、String の indexOf メソッドや Object の
＞toString メソッドといった、オブジェクトの全組み込みメソッドも含まれます。
＞しかしながら、このループは (組み込みプロパティを上書きしたものも含む)
＞すべてのユーザ定義プロパティに対して反復します。
enumerable属性は知らなかった 英語版の方には載ってるんだけどね
ちゃんと英語版参照しないとダメね・・・
ほんとはこっちを貼りたかった
http://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/for...in
＞説明
＞for...in ループは組み込みプロパティに対しては反復しません。
＞これらには、String の indexOf メソッドや Object の
＞toString メソッドといった、オブジェクトの全組み込みメソッドも含まれます。
＞しかしながら、このループは (組み込みプロパティを上書きしたものも含む)
＞すべてのユーザ定義プロパティに対して反復します。
enumerable属性は知らなかった 英語版の方には載ってるんだけどね
ちゃんと英語版参照しないとダメね・・・
そうなのか 了解
次からは日本語MDN読んで大雑把に理解してから（英語苦手）ES読むようにする
次からは日本語MDN読んで大雑把に理解してから（英語苦手）ES読むようにする
>>925
日本語あたるなら ES3 も悪くないよ
[[Enumerable]] は ES5 から生まれた属性だから ES5 も読む必要があるけど、その他の共通処理は日本語で理解できる
ES3英文とES5英文を比較すれば差分もわかる
http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/12_Statements.html#section-12.6.4
http://bclary.com/2004/11/07/#a-12.6.4
日本語あたるなら ES3 も悪くないよ
[[Enumerable]] は ES5 から生まれた属性だから ES5 も読む必要があるけど、その他の共通処理は日本語で理解できる
ES3英文とES5英文を比較すれば差分もわかる
http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/12_Statements.html#section-12.6.4
http://bclary.com/2004/11/07/#a-12.6.4
みなさんありがとうございます。勉強になりました。
>>926
助かります
助かります
文字列が表示されたdiv内をクリックした時
クリックされた、あるいはクリック位置直近の文字を取得するにはどうしたらいいですか？
クリックされた、あるいはクリック位置直近の文字を取得するにはどうしたらいいですか？
>>931
まったく違う。
まったく違う。
>>931
まったく同じ。
まったく同じ。
どっちだよｗ
var a = document.createElement('a');
a.setAttribute('href','http://google.com/');
a.click();
としたらページ移動する環境としない環境があるのですが
どちらが本来あるべき動作なんでしょうか
a.setAttribute('href','http://google.com/');
a.click();
としたらページ移動する環境としない環境があるのですが
どちらが本来あるべき動作なんでしょうか
自己解決しました
要素がclickプロパティを持つかどうかはHTML5の実装で異なり
dispatchEventを使うのが確実だとわかりました
要素がclickプロパティを持つかどうかはHTML5の実装で異なり
dispatchEventを使うのが確実だとわかりました
>>940
event.target では不満？
event.target では不満？
質問です。
エスケープシーケンスのような形で、
「@@」→「@」、「@a」→「A」という文字列置換を行おうと考えています。
「@@a」というような文字列も正しく「@a」と置換させるため、
text.replace( /@@/g, '@b' ).replace( /@a/g, 'A' ).replace( /@b/g, '@' );
のように、「@@」を一時的に「@b」というような文字列において置換させています。
しかし、元から「@b」と書かれていた部分も置換されてしまい、スマートじゃないように思えます。
「@b」のような一時的な文字列を用いない、もっときれいな書き方はありますか？
エスケープシーケンスのような形で、
「@@」→「@」、「@a」→「A」という文字列置換を行おうと考えています。
「@@a」というような文字列も正しく「@a」と置換させるため、
text.replace( /@@/g, '@b' ).replace( /@a/g, 'A' ).replace( /@b/g, '@' );
のように、「@@」を一時的に「@b」というような文字列において置換させています。
しかし、元から「@b」と書かれていた部分も置換されてしまい、スマートじゃないように思えます。
「@b」のような一時的な文字列を用いない、もっときれいな書き方はありますか？
先に「@a」→「A」に変換するのはどうだろうか
その際に「@@a」→「@A」に変換されないように
@aの前が@でなければ変換するようにする
text.replace(/[^@]@a/g, 'A').replace(/@@/g, '@');
その際に「@@a」→「@A」に変換されないように
@aの前が@でなければ変換するようにする
text.replace(/[^@]@a/g, 'A').replace(/@@/g, '@');
>>944 '@@@@@a'.replace(/@(.)/g, function (s, c) { return c === '@' ? '@' : c === 'a' ? 'A' : c; }); //=> '@@A'
>>945はダメだ a@aがAになる ごめん
タッチデバイスではmousedownの代わりにpointerdownとかmspointerdownとかtouchdown
対応せざるを得ないんだろうけどclickの代わりはどれになるんだろう
マウスイベントとタッチイベントの互換性ってどうなってるんだろうか
対応せざるを得ないんだろうけどclickの代わりはどれになるんだろう
マウスイベントとタッチイベントの互換性ってどうなってるんだろうか
http://d.hatena.ne.jp/language_and_engineering/20100111/p1
>HTMLの地の文の中に処理そのものをベタで書いたり，
>jsファイルの中に関数をそのまま並べて書く，というコーディングスタイルだ。
今の自分がまさに関数をずらっと並べている書き方なのですが
これはどういう理由でよくないのでしょうか
また一般的にはどういう書き方をするものなんでしょうか
>HTMLの地の文の中に処理そのものをベタで書いたり，
>jsファイルの中に関数をそのまま並べて書く，というコーディングスタイルだ。
今の自分がまさに関数をずらっと並べている書き方なのですが
これはどういう理由でよくないのでしょうか
また一般的にはどういう書き方をするものなんでしょうか
前へ 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) - [100%] - 2014/1/25 12:46
- + 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
トップメニューへ / →のくす牧場書庫について