JavaScript の質問用スレッド vol.126

JavaScript の質問用スレッド vol.126at TECH

JavaScript の質問用スレッド vol.126 - 暇つぶし2ch■コピペモード
□スレを通常表示
□オプションモード
□このｽﾚｯﾄﾞのURL
■項目テキスト

150:デフォルトの名無しさん 
 24/02/20 12:26:48.30 jaWYglX60.net
>>149 
ありがとうございます 
そうしてみます

151:デフォルトの名無しさん 
 24/02/20 12:38:34.44 SYHvuSDa0.net
>>148 
mouseoverはマウスが何かの要素の上を移動すれば毎回出てくるから 
マウスを持ってる限り常に垂れ流し続けるぞ 
ドラッグアンドドロップを実装したいなら 
イベント(関数発火)が非同期かつ大量に垂れ流しになること前提で組む必要がある 
一案としては上のスコープで何個か変数を定義 
mousedown -> 直下の要素を掴んでhold変数に放り込む 
mousemove -> hold変数に値が入ってないなら即return、座標変数に座標情報を格納 
mouseup -> 精算、hold変数と座標変数をnullにする

152:よろしくお願いいたします 
 24/02/28 10:59:38.09 j/HFCr6sd.net
はじめて、質問させていただきます。 
今やってることはリストボックスの行を以下で選択しています。

document.getElementById('xxxx').selectedIndex = n;

PC版ブラウザではうまくいきました。しかし、モバイル版ブラウザでは1行のドロップダウンリストになってしまいます。 
https://ja.stackoverflow.com/questions/34627/html%E3%81%AEselect%E3%81%AEsize%E6%8C%87%E5%AE%9A%E3%81%97%E3%81%A6%E3%82%821%E8%A1%8C%E3%81%A7%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%82%8B%E5%95%8F%E9%A1%8C

それで、以下のjqueryの　$("select").fixForSafariMobile(true);　を使ったところ、表示はドロップダウンリストからリストボックスになりましたが、上のselectedIndexが動作しなくなりました。 
https://github.com/sylvain-hamel/safarimobile-multiline-select/blob/master/src/safarimobile-multiline-select.js 
https://github.com/sylvain-hamel/safarimobile-multiline-select/blob/master/experiments/experiments.html

次ページ