私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.75 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 : ○
レスフィルター : (試験中)
まさか >>105 氏がそんな間違いをしている訳がないジャマイカ。
質問です。
<a href="#" onclick="hoge(); return false;"> みたいに書くと、
クリックしてhogeを実行した際にhrefで#に移動するのを抑制できると思うんですけど、
これを、外部jsファイルからaddEventListenerでa要素に登録して、
HTML側にはonclickを書かないようにしたい場合、
上記の「return false」はどんな感じで仕込めばいいんでしょうか。
もしかしたら「hogeの中身次第で変わる」のかもしれないとも思ってるので、
hogeの中身について具体的な情報を出さないと質問にすらなっていないようなら、
申し訳ないんですけどそう指摘してもらえるとうれしいです。
<a href="#" onclick="hoge(); return false;"> みたいに書くと、
クリックしてhogeを実行した際にhrefで#に移動するのを抑制できると思うんですけど、
これを、外部jsファイルからaddEventListenerでa要素に登録して、
HTML側にはonclickを書かないようにしたい場合、
上記の「return false」はどんな感じで仕込めばいいんでしょうか。
もしかしたら「hogeの中身次第で変わる」のかもしれないとも思ってるので、
hogeの中身について具体的な情報を出さないと質問にすらなっていないようなら、
申し訳ないんですけどそう指摘してもらえるとうれしいです。
>>109
arguments[0].preventDefault();
IE の attachEvent() を使った場合は return false か
arguments[0].returnValue = false;
要するに分岐。
return false 以外はそこで function を抜けることなく処理が続くから、
書く場所はお好きなところにどうぞ。
arguments[0].preventDefault();
IE の attachEvent() を使った場合は return false か
arguments[0].returnValue = false;
要するに分岐。
return false 以外はそこで function を抜けることなく処理が続くから、
書く場所はお好きなところにどうぞ。
>>110
それっぽい箇所に「return false」を書いてはいて、上手くいってなくて質問したんですが、
よくよく見てみたらIE（attachEvent使ってます）はhrefの動作を抑制できていて、
Firefoxなどで「#」に飛んでしまってるみたいでした。
preventDefault()ってのは知らなかったので軽く検索してみたんですが、
こっちがaddEventListener用の「return false」相当の記述ってことになるんでしょうか。
もっとよく調べてみます。レスありがとうございました。
それっぽい箇所に「return false」を書いてはいて、上手くいってなくて質問したんですが、
よくよく見てみたらIE（attachEvent使ってます）はhrefの動作を抑制できていて、
Firefoxなどで「#」に飛んでしまってるみたいでした。
preventDefault()ってのは知らなかったので軽く検索してみたんですが、
こっちがaddEventListener用の「return false」相当の記述ってことになるんでしょうか。
もっとよく調べてみます。レスありがとうございました。
document.getElementById("id名").addEventListener("click",
function{
hoge();
return false;
});
function{
hoge();
return false;
});
>>112
false を返して onclick イベント発動ですね？分かります。
false を返して onclick イベント発動ですね？分かります。
>>111は自分です、sageてしまいました。
まだよく解ってはいないんですが、preventDefault()をそれっぽい箇所に書いてみたら、
hrefの抑制自体には成功しました。
検索等で調べつつ使い方を理解しようと思います。
レス下さった方本当にありがとうございました。
まだよく解ってはいないんですが、preventDefault()をそれっぽい箇所に書いてみたら、
hrefの抑制自体には成功しました。
検索等で調べつつ使い方を理解しようと思います。
レス下さった方本当にありがとうございました。
質問です。
jQueryのanimateを使用していて、幅100pxの要素「.hoge」に、
$(".hoge").animate({ width: "200px", }, 1000, "linear");
といった記述で、幅を動かすみたいなことをしているのですが、
この処理を、「1秒後に実行」みたいにするにはどのように書くといいのでしょうか。
検索すると、setTimeoutとか出てくるのですがjQueryとの併用がよくわかりません。
$(".hoge").animate({ width: "100px", }, 1000, "linear");
$(".hoge").animate({ width: "200px", }, 1000, "linear");
こう書けば1秒待てるってのは気づいたんですが、どうも無理矢理な感じがしていて。
jQueryのanimateを使用していて、幅100pxの要素「.hoge」に、
$(".hoge").animate({ width: "200px", }, 1000, "linear");
といった記述で、幅を動かすみたいなことをしているのですが、
この処理を、「1秒後に実行」みたいにするにはどのように書くといいのでしょうか。
検索すると、setTimeoutとか出てくるのですがjQueryとの併用がよくわかりません。
$(".hoge").animate({ width: "100px", }, 1000, "linear");
$(".hoge").animate({ width: "200px", }, 1000, "linear");
こう書けば1秒待てるってのは気づいたんですが、どうも無理矢理な感じがしていて。
setTimeout(function(){
$(".hoge").animate({ width: "200px", }, 1000, "linear");
}, 1000);
こうかな
$(".hoge").animate({ width: "200px", }, 1000, "linear");
}, 1000);
こうかな
functionにしなくても、そのまま文字列でsetTimeoutの引数にしちゃダメ？
やったことないけどいけた気もする
ブラウザ次第かもしれんけど
そうしたい理由は？
ブラウザ次第かもしれんけど
そうしたい理由は？
>>120
1秒待機うまくいきました、ありがとうございます。
jQuery.fn.extend({
test: function() {
$(this).css("display", "block");
setTimeout(function(){
$(this).animate({ width: "200px", }, 1000, "linear");
}, 1000);
}
});
いまこんな↑感じになっていて、setTimeoutを入れたことで、
その中の$(this)が参照できなくなっているんですけど（別の関数になったから？）、
こういう場合、setTimeoutの関数の中に、上位の$(this)を渡すにはどうすればいいんでしょう。
なんか連続質問で厚かましいとは思うんですが、調べる糸口もよくわからなくて。
1秒待機うまくいきました、ありがとうございます。
jQuery.fn.extend({
test: function() {
$(this).css("display", "block");
setTimeout(function(){
$(this).animate({ width: "200px", }, 1000, "linear");
}, 1000);
}
});
いまこんな↑感じになっていて、setTimeoutを入れたことで、
その中の$(this)が参照できなくなっているんですけど（別の関数になったから？）、
こういう場合、setTimeoutの関数の中に、上位の$(this)を渡すにはどうすればいいんでしょう。
なんか連続質問で厚かましいとは思うんですが、調べる糸口もよくわからなくて。
自分が>>123で書いた例がすでに滅茶苦茶という可能性もあると思っているので、
そういう場合はそう指摘してもらえるとうれしいです。。。
そういう場合はそう指摘してもらえるとうれしいです。。。
jQuery.fn.extend({
test: function() {
var r = $(this);
r.css("display", "block");
setTimeout(function(){
r.animate({ width: "200px", }, 1000,
"linear");
}, 1000);
}
});
これじゃ無理かな
test: function() {
var r = $(this);
r.css("display", "block");
setTimeout(function(){
r.animate({ width: "200px", }, 1000,
"linear");
}, 1000);
}
});
これじゃ無理かな
>>125
上手くいったぽいです！すごい！
何で変数に入れると上手くいくのかは全然解ってないんですが、こういうのは、
jQueryどうこうではなく、JavaScriptの変数や関数の基本的なルールって認識で合ってますか？
少しずつ覚えていこうとは思っているんですけど、まだ自分には難しくて。
上手くいったぽいです！すごい！
何で変数に入れると上手くいくのかは全然解ってないんですが、こういうのは、
jQueryどうこうではなく、JavaScriptの変数や関数の基本的なルールって認識で合ってますか？
少しずつ覚えていこうとは思っているんですけど、まだ自分には難しくて。
thisは関数の呼び出し時点（定義ではない）で決まる読み取り専用の特殊変数
仮引数やargumentsの仲間だよ
だから適当なローカル変数に入れて値を逃がさない必要がある
仮引数やargumentsの仲間だよ
だから適当なローカル変数に入れて値を逃がさない必要がある
＞jQueryどうこうではなく、JavaScriptの変数や関数の基本的なルールって認識で合ってますか？
そうなるかな。
できることを少しづつ増やしていけばいいと思うよ。>>6の和訳だけでも読んでおくとかなり役に立つと思う
そうなるかな。
できることを少しづつ増やしていけばいいと思うよ。>>6の和訳だけでも読んでおくとかなり役に立つと思う
>>126
thisに関してはこの辺とか参考になるかも
http://builder.japan.zdnet.com/sp/javascript-kickstart-2007/story/0,3800083428,20371112,00.htm
あとは"javascript this"で検索すると一杯でてくるよ
thisに関してはこの辺とか参考になるかも
http://builder.japan.zdnet.com/sp/javascript-kickstart-2007/story/0,3800083428,20371112,00.htm
あとは"javascript this"で検索すると一杯でてくるよ
ごめんなさい。投稿した直後試したら自己解決しました。
スレ汚しすいません。
スレ汚しすいません。
「とほほ」によると、正規表現でindex はマッチした
開始位置とあるんですけど、これ違いますよね。
開始位置とあるんですけど、これ違いますよね。
ありがとうございます。安心しました。やっぱ「とほほ」って
問題あるんですね。ここの常連の方はとっくに見抜いてますけど。
問題あるんですね。ここの常連の方はとっくに見抜いてますけど。
とほほが間違っているかどうかはどうでも良いが、>>141 が RegExp.index のことを言っているなら、
これは現在マッチした文字列の開始位置(0ベース)だろ。
次回マッチの開始位置は RegExp.lastIndex 。
まぁ質問者が何のことを言ってるかは良く分からんが。
これは現在マッチした文字列の開始位置(0ベース)だろ。
次回マッチの開始位置は RegExp.lastIndex 。
まぁ質問者が何のことを言ってるかは良く分からんが。
>>144-146 君たち間違っとるよ？
RegExp.index って何なんだよ。IE の独自拡張か？
http://developer.mozilla.org/ja/Core_JavaScript_1.5_Reference/Global_Objects/RegExp#RegExp_instances
正規表現の index といえばこれしかないと思え
http://developer.mozilla.org/ja/Core_JavaScript_1.5_Reference/Global_Objects/RegExp#RegExp_instances
正規表現の index といえばこれしかないと思え
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript スレッド一覧へ類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.95 + (1001) - [97%] - 2012/1/17 4:16
- + JavaScript の質問用スレッド vol.74 + (1001) - [97%] - 2009/12/1 6:08 ○
- + JavaScript の質問用スレッド vol.76 + (1001) - [97%] - 2010/3/10 4:02
- + JavaScript の質問用スレッド vol.77 + (1001) - [97%] - 2010/5/8 19:06
- + JavaScript の質問用スレッド vol.78 + (1001) - [97%] - 2010/6/25 3:53
- + JavaScript の質問用スレッド vol.79 + (1001) - [97%] - 2010/9/11 6:50
- + JavaScript の質問用スレッド vol.85 + (1001) - [97%] - 2011/4/25 21:32
- + JavaScript の質問用スレッド vol.105 + (1001) - [95%] - 2013/5/20 4:45
- + JavaScript の質問用スレッド vol.115 + (1001) - [95%] - 2014/5/29 16:16
- + JavaScript の質問用スレッド vol.125 + (1001) - [95%] - 2015/10/7 17:45
- + JavaScript の質問用スレッド vol.135 + (1002) - [95%] - 2018/11/23 10:30
- + JavaScript の質問用スレッド vol.96 + (1001) - [95%] - 2012/1/28 23:01
- + JavaScript の質問用スレッド vol.93 + (1001) - [95%] - 2012/1/1 4:46
- + JavaScript の質問用スレッド vol.94 + (1001) - [95%] - 2012/1/8 15:46
- + JavaScript の質問用スレッド vol.99 + (1001) - [95%] - 2012/5/7 4:32
- + JavaScript の質問用スレッド vol.97 + (1001) - [95%] - 2012/3/1 3:31
- + JavaScript の質問用スレッド vol.98 + (1001) - [95%] - 2012/4/9 14:46
トップメニューへ / →のくす牧場書庫について