私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.141 +

みんなの評価 :
レスフィルター : (試験中)
理由は昔は独自実装だったから
でも今は2020年、サイバーパンクが発売される年だ
老害に巻き込むな!!(怒)
でも今は2020年、サイバーパンクが発売される年だ
老害に巻き込むな!!(怒)
バカ「こうしろ!/こうするな!」
ぼく「根拠は?」
バカ「う、うるさい!俺たちは昔からこうしてきたんだ!」
ぼく「根拠は?」
バカ「う、うるさい!俺たちは昔からこうしてきたんだ!」
>>192-193
JSで作ったスムーススクロールでして、そのスクロール関数を呼び出すときのパラメーター代わりが>>191の obj になります。
エラーの内容をしっかり見たところ、 throe new で自前エラーの振り分けの中の1つで、
パラメータで渡したIDが存在しないよ…というものでした。
初回はOKで2回目がNGな理由がサッパリわかりません…
↓あたりが原因なのでしょうか?
javascriptで同じ名前で複数の関数
http://teratail.com/questions/101023
JSで作ったスムーススクロールでして、そのスクロール関数を呼び出すときのパラメーター代わりが>>191の obj になります。
エラーの内容をしっかり見たところ、 throe new で自前エラーの振り分けの中の1つで、
パラメータで渡したIDが存在しないよ…というものでした。
初回はOKで2回目がNGな理由がサッパリわかりません…
↓あたりが原因なのでしょうか?
javascriptで同じ名前で複数の関数
http://teratail.com/questions/101023
>>205
デバッガでパラメータで何が渡されてるのか確認しなって
ステップ実行して動作を確認するのが見るのが一番確実
1. 開発ツールのソースタブでブレークポイントを設定する
2. ソースにdebugger;と書いてブレークポイントを設定してからページ全体を実行する
3. 例外が出た時にデバッガを起動するようにソースタブから設定しておく
のどれか
デバッガでパラメータで何が渡されてるのか確認しなって
ステップ実行して動作を確認するのが見るのが一番確実
1. 開発ツールのソースタブでブレークポイントを設定する
2. ソースにdebugger;と書いてブレークポイントを設定してからページ全体を実行する
3. 例外が出た時にデバッガを起動するようにソースタブから設定しておく
のどれか
>>205
エラーの文言をそのままコピペで貼って
エラーの文言をそのままコピペで貼って
xhr = new XMLHttpRequest();(中略)xhr.send(formData)でPOST送信するとフォーム要素名1=フォームの入力値1&フォーム要素名2=フォームの入力値2
というような形式ではなくバウンダリで区切られた形式になってしまいます。
どうすれば前者のような形式で送信できますか?
というような形式ではなくバウンダリで区切られた形式になってしまいます。
どうすれば前者のような形式で送信できますか?
addEventListener で追加したイベントを removeEventListener で削除したいと思っています。
その際に引数を渡す必要があり、handleEvent を用いると実現できそうでしたが、2点疑問がわきました。
①下記のようにvar宣言しない場合のオブジェクトのプロパティの寿命ってどこまででしょうか?
②きっちり変数内でvar宣言して、オブジェクト名でメソッド呼ぶべきですか?
var sample = function(targetId, arr) {
abc.addEventListener('click', {
targetId: targetId,
arr: arr,
handleEvent: test
});
};
その際に引数を渡す必要があり、handleEvent を用いると実現できそうでしたが、2点疑問がわきました。
①下記のようにvar宣言しない場合のオブジェクトのプロパティの寿命ってどこまででしょうか?
②きっちり変数内でvar宣言して、オブジェクト名でメソッド呼ぶべきですか?
var sample = function(targetId, arr) {
abc.addEventListener('click', {
targetId: targetId,
arr: arr,
handleEvent: test
});
};
特定の要素の背景色によって条件分岐したいのですが、条件の判定に失敗します
背景色Greenの要素ですが、if文がfalseになり処理されません
#00FF00にしてもダメです
どうすればいいでしょうか?
jqueryを適用してます
html
<div id="yen1"></div>
css
#yen1 {
background-color: green;
}
js
$(function () {
$("#yen1").click(function (e) {
if (e.target.style.backgroundColor == "Green") {
event.target.style.backgroundColor = "Blue";
}
e.preventDefault();
});
});
背景色Greenの要素ですが、if文がfalseになり処理されません
#00FF00にしてもダメです
どうすればいいでしょうか?
jqueryを適用してます
html
<div id="yen1"></div>
css
#yen1 {
background-color: green;
}
js
$(function () {
$("#yen1").click(function (e) {
if (e.target.style.backgroundColor == "Green") {
event.target.style.backgroundColor = "Blue";
}
e.preventDefault();
});
});
getcomputedstyle で "rgb(0, 128, 0)" 知らんけど
>>230
意図としましては、メソッドを細かく作りつつ入れ子で宣言しないようにしてみたいといった感じです。
>>231の続きです
var abc = function() {
...;
abcToggle(this, 'remove');
};
var abcToggle = function(obj, str) {
if (str === 'add') {
abc.addEventListener('click', obj);
return;
}
abc.removeEventListener('click', obj);
};
var sample = function(targetId, arr) {
var obj = {
targetId: targetId,
arr: arr,
handleEvent: abc
};
abcToggle(obj, 'add');
};
意図としましては、メソッドを細かく作りつつ入れ子で宣言しないようにしてみたいといった感じです。
>>231の続きです
var abc = function() {
...;
abcToggle(this, 'remove');
};
var abcToggle = function(obj, str) {
if (str === 'add') {
abc.addEventListener('click', obj);
return;
}
abc.removeEventListener('click', obj);
};
var sample = function(targetId, arr) {
var obj = {
targetId: targetId,
arr: arr,
handleEvent: abc
};
abcToggle(obj, 'add');
};
>>232
イベントハンドラ実行時にremoveしたのでよければ↓こういうのでよくね?
var sample = function(targetId) {
const listener = () => {
console.log(targetId);
element.removeEventListener('click', listener);
}
element.addEventListener('click', listener)
}
イベントハンドラ実行時にremoveしたのでよければ↓こういうのでよくね?
var sample = function(targetId) {
const listener = () => {
console.log(targetId);
element.removeEventListener('click', listener);
}
element.addEventListener('click', listener)
}
chromeの検証ツールでデバッグについて勉強中です。
breakpointを設置してElementsタブでイベントを設置した要素を選択すると
Sourcesタブに強制で移動されてVM〇〇〇〇といった謎のファイルの処理が始まってしまいます。
自分で調べてみたところVMがvirtual machineの略っぽいことまでしかわかりませんでした。
これって何なのでしょうか?
また、表示されない方法があれば教えていただきたいです。
強制でタブが切り替えられるのはかなりイライラしてしまいます。
breakpointを設置してElementsタブでイベントを設置した要素を選択すると
Sourcesタブに強制で移動されてVM〇〇〇〇といった謎のファイルの処理が始まってしまいます。
自分で調べてみたところVMがvirtual machineの略っぽいことまでしかわかりませんでした。
これって何なのでしょうか?
また、表示されない方法があれば教えていただきたいです。
強制でタブが切り替えられるのはかなりイライラしてしまいます。
format() やfストリングで、例えば普段は小数点以下第2位までの数値表示で、整数部桁が大きくなる場合は小数点以下は第1位にしたりして、数値全体の最大桁数は固定にすることってできますか?
>>240
あ、すみません。pythonスレと間違えてしまいました…
あ、すみません。pythonスレと間違えてしまいました…
>>239
あと開発ツールのタブの切り替えはキーボードショートカットで簡単にできるので
それを覚えてくとイライラしないかもよ
http://developers.google.com/web/tools/chrome-devtools/shortcuts
あと開発ツールのタブの切り替えはキーボードショートカットで簡単にできるので
それを覚えてくとイライラしないかもよ
http://developers.google.com/web/tools/chrome-devtools/shortcuts
クッキーの有効期限を更新しないでデータだけ更新するにはどうしたらいいんですか?
例えば1日のクリック数をクッキーに書き込む場合クッキーの有効期限は最初のクリックで
1日に設定されるけど2クリック以降の有効期限はそのまんまにしておきたいので
例えば1日のクリック数をクッキーに書き込む場合クッキーの有効期限は最初のクリックで
1日に設定されるけど2クリック以降の有効期限はそのまんまにしておきたいので
>>247
無理
無理



類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.141 + (1001) - [100%] - 2019/9/22 23:15
- + JavaScript の質問用スレッド vol.142 + (984) - [97%] - 2020/8/27 19:15
- + JavaScript の質問用スレッド vol.131 + (1004) - [97%] - 2018/3/7 13:30
- + JavaScript の質問用スレッド vol.121 + (1001) - [97%] - 2015/1/1 18:30
- + JavaScript の質問用スレッド vol.121 + (1001) - [97%] - 2022/11/29 16:30
- + JavaScript の質問用スレッド vol.131 + (1000) - [97%] - 2017/1/25 8:01
- + JavaScript の質問用スレッド vol.144 + (288) - [97%] - 2020/5/17 20:00
- + JavaScript の質問用スレッド vol.111 + (1001) - [97%] - 2013/11/4 6:00
- + JavaScript の質問用スレッド vol.142 + (926) - [97%] - 2019/12/23 13:15
- + JavaScript の質問用スレッド vol.143 + (753) - [97%] - 2020/4/19 5:00
- + JavaScript の質問用スレッド vol.101 + (1001) - [97%] - 2012/7/16 14:15
- + JavaScript の質問用スレッド vol.140 + (1001) - [97%] - 2019/9/19 10:45
- + JavaScript の質問用スレッド vol.102 + (1001) - [95%] - 2012/9/11 17:30
- + JavaScript の質問用スレッド vol.123 + (966) - [95%] - 2020/10/20 2:30
- + JavaScript の質問用スレッド vol.122 + (116) - [95%] - 2018/5/2 18:30
- + JavaScript の質問用スレッド vol.122 + (1004) - [95%] - 2015/2/14 4:45
- + JavaScript の質問用スレッド vol.100 + (1001) - [95%] - 2012/6/13 22:46
トップメニューへ / →のくす牧場書庫について