元スレ+ JavaScript の質問用スレッド vol.121 +
JavaScript覧 / PC版 /みんなの評価 :
801 = :
802 = :
ここでの質問なのかわからないですが
アナリティクスなどで、訪問者のiPhoneのバージョンがわかるようにしたり、集計ってできますか?
例えばiPhone12が○○アクセス、全体シェア○○%のように
803 = :
>>802
GAならこっちで聞いた方がいいよ
【アクセス解析】Google Analytics 8 [無断転載禁止]©2ch.net
http://mevius.5ch.net/test/read.cgi/hp/1485660054/
804 = :
const $el = document.getElementById('hoge');
let func = () => {
console.log($el);
}
setInterval('func()',1000);
としたところ、$elはnullになってしまいます。
let func = () => {
const $el = document.getElementById('hoge');
console.log($el);
}
setInterval('func()',1000);
とすれば$elには値が入りますが、setIntervalを実行する度にconstをセットするのが
どうもスマートでないように思います
JSの作法的に正しくて、スマートに書こうと思ったら
どう改善したら良いでしょうか?
805 = :
>>803
アリガトウゴザイマス!
807 = :
スマートな書き方を聞くやつはスマートじゃないの法則
808 = :
>>804
http://ja.javascript.info/onload-ondomcontentloaded
809 = :
Firefox のコンソールで 0/-2 など 0を-xで割ると -0と出るのですが
プログラミングでは一般的なのでしょうか
0と出てきて欲しいんですが
810 = :
>>809
一般的とは?そんなものはない
Object.is()で判定可能
http://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/is
811 = :
>>809
>プログラミングでは一般的なのでしょうか
そこそこ一般的
812 = :
ありがとうございます。
よく考えれば今回は-0でも問題ありませんでしたのでそのまま処理しました。
813 = :
http://developer.mozilla.org/ja/docs/Web/JavaScript
完全な初心者向け
JavaScript ガイド
中級者向け
上級者向け
リファレンス
ツールとリソース
815 = :
elm.list になってるからでは
818 = :
スコープみたいなものですか?
819 = :
>>817
なるほどー
820 = :
特定の要素から特定のイベントのイベントリスナーを削除することは可能でしょうか?
関数への参照を保持していない状態です。
具体的にはwindow.addEventListener("storage",function(){~})の形で登録されているようなものです。
ピンポイントで上記だけ削除するのが難しいようであれば、window要素に紐づくstorageイベント全てを一括削除という形でも問題ないです。
821 = :
chromeはできるかわからないけど
firefoxならublock originで
yahoo.co.jp##+js(aeld, storage,/functionの中身を正規表現で/)
でいけそうだけど
822 = :
>>820
要素のイベントを全て削除
elm.replaceWith(elm.cloneNode(true))
windowはアキラメロン
824 = :
addEventListenerをフックするのが一番現実的なんですかね?
しかし、要素に紐づくイベントリスナーや、管理している全てのイベントリスナーを出力するみたいな関数は存在しないんですね……
ありそうなものだけど、というか無いならどこでどうやって管理してるんだろう……
825 = :
>>824
普通は関数の参照をとっておく
826 = :
>>825
自分で書く部分ならもちろんそうするんですが、Chromeの拡張で特定のページの邪魔な動作をシャットアウトしたいんですよね。
827 = :
X軸方向のスクロールを常に禁止にし、常にスクロールをゼロの位置にする事って可能でしょうか?
cssでスクロールバーを出さない方法はありますが、要素が自由に動いてしまうのでスクロールしてしまう事が多々あります
828 = :
>>822 に一票
クローンして差し替えることによりelmとその子孫のイベントリスナーが消え、その他の属性は残る
829 = :
スクレイピングすると地獄へ落ちるって本当ですか?
830 = :
>>826
キャプチャリングフェーズでstopPropagation
831 = :
#test li{
background:#0000ff;
}
#test li:hover{
background:#00ff00;
}
というcssがある場合hoverのbackgroundを取得したいんだけど
querySelectorAll("#test li:hover")とやっても取得できませんでした。
どうやればいいんですか?
832 = :
取得しようとした部分を書いて
834 = :
どうやったらできるかを考えるのが、
あなたたちの仕事です
835 = :
hoverのプロパティ自体を見たければstyleエレメントを見ればいいんじゃないかな
いまカーソルがのってるかを見たいなら
mouseoverイベントか対象にtransition入れておいてtransitionのイベントを見ればいいんじゃないかな
836 = :
仕事と言われると対価が欲しくなる
837 = :
>>832
<ul id="test">
<li>aaa</li>
<li>bbb</li>
</ul>
var element_list = document.querySelectorAll("#test li:hover");
var st = getComputedStyle(element_list[0]);
var val = st.getPropertyValue("background");
alert(val);
こうやっても取得できなかった
他に方法はないんですかね
838 = :
>>837
document.styleSheets
839 = :
クエリーセレクターにホバーは入れられないって言ってるだろ
840 = :
841 = :
>>835
それは
var element = document.getElementById("test");
element.styleということですか?
843 = :
>>841
>>835は意味不明
style要素といってるから、まずはstyle要素でスタイルを定義するところからなんじゃない?
844 = :
845 = :
>>844
style要素だよな?
link要素で外部CSS定義していたら、style要素に書き換える必要がある
何のためにそんなことする?
内容からCSS記述をパースさせるのか?
846 = :
>>845
element.onmouseover = function(){
element.style.background = cssのhoverから取得したbackground;
}
というふうにしたかった
847 = :
>>846
それは「styleプロパティ」という
>>835は「styleエレメント」といっていたから意味不明だった
そして、styleプロパティでは>>831定義のCSSを取得出来ない
848 = :
>>Array.from(document.styleSheets).map(e=>Array.from(e.rules).map(e=>e.cssText).join()).join().includes(":hover")
←true
849 = :
>>838で既出やん
850 = :
取得できないって人がいたので
類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.121 + (1001) - [100%] - 2015/1/1 18:30
- + JavaScript の質問用スレッド vol.141 + (881) - [97%] - 2021/4/19 9:00
- + JavaScript の質問用スレッド vol.129 + (926) - [97%] - 2017/7/27 13:45
- + JavaScript の質問用スレッド vol.131 + (1000) - [97%] - 2017/1/25 8:01
- + JavaScript の質問用スレッド vol.120 + (1002) - [97%] - 2014/11/8 1:15
- + JavaScript の質問用スレッド vol.122 + (1004) - [97%] - 2015/2/14 4:45
- + JavaScript の質問用スレッド vol.122 + (116) - [97%] - 2018/5/2 18:30
- + JavaScript の質問用スレッド vol.129 + (981) - [97%] - 2016/5/5 8:16
- + JavaScript の質問用スレッド vol.128 + (1001) - [97%] - 2016/2/26 6:45
- + JavaScript の質問用スレッド vol.131 + (1004) - [97%] - 2018/3/7 13:30
- + JavaScript の質問用スレッド vol.123 + (966) - [97%] - 2020/10/20 2:30
- + JavaScript の質問用スレッド vol.127 + (1001) - [97%] - 2016/2/4 0:15
- + JavaScript の質問用スレッド vol.127 + (160) - [97%] - 2021/7/16 9:30
- + JavaScript の質問用スレッド vol.126 + (952) - [97%] - 2015/11/18 13:15
- + JavaScript の質問用スレッド vol.126 + (348) - [97%] - 2023/1/12 17:00
- + JavaScript の質問用スレッド vol.125 + (1001) - [97%] - 2015/10/7 17:45
- + JavaScript の質問用スレッド vol.123 + (1002) - [97%] - 2015/4/27 23:30
トップメニューへ / →のくす牧場書庫について