回答編集履歴
1
同じ回答が重複した為、削除できない為に変更
answer
CHANGED
|
@@ -1,56 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
回答が重複しましたので以下ご参照ください。
|
|
2
|
-
厳密にこれで良いのか解りませんが、**バブリング**と**イベント**に原因があったようです。
|
|
3
|
-
とりあえずこれでiPhoneでの挙動Androidでの挙動が直りました・・・たぶん。
|
|
4
|
-
※逆に古すぎるスマホ・最新のスマホで挙動がどうかは未検証の為解りませんのでご了承ください。
|
|
5
|
-
※firefoxの開発ツール＆エミュレーター(アドオオン：User-Agent Switcher)でも動作は正常です。
|
|
6
|
-
|
|
7
|
-
**【原因】leaflet.locationlist.js 内のバブリングの問題と selectタグに対するイベントが change じゃなかったから・・・！？**
|
|
8
|
-
|
|
9
|
-
**以下の部分を修正しました。**
|
|
10
|
-
|
|
11
|
-
[https://github.com/mithron/leaflet.locationlist/blob/master/src/leaflet.locationlist.js](https://github.com/mithron/leaflet.locationlist/blob/master/src/leaflet.locationlist.js)
|
|
12
|
-
|
|
13
|
-
---
|
|
14
|
-
**34行目**
|
|
15
|
-
```ここに言語を入力
|
|
16
|
-
L.DomEvent.on(container, 'click', L.DomEvent.stopPropagation);
|
|
17
|
-
```
|
|
18
|
-
↑
|
|
19
|
-
以下に変更
|
|
20
|
-
↓
|
|
21
|
-
```ここに言語を入力
|
|
22
|
-
L.DomEvent.on(container, 'touchstart', L.DomEvent.stopPropagation);//スマホ用iPhone用
|
|
23
|
-
L.DomEvent.on(container, 'mouseup', L.DomEvent.preventDefault);//PC用
|
|
24
|
-
//PC用は若干気持ち悪い気もしますがこうしておかないとマップを掴んだまま離さない現象が出る。
|
|
25
|
-
//touchstartも反応してるのかもしれないですが・・・良く解りません。
|
|
26
|
-
|
|
2
|
+
※自己解決の回答が重複した為、削除できない為に変更
|
|
27
|
-
```
|
|
28
|
-
---
|
|
29
|
-
**52・53行目**
|
|
30
|
-
```ここに言語を入力
|
|
31
|
-
L.DomEven
|
|
32
|
-
.addListener(this._fullist, 'click', this._onListChange, this);
|
|
33
|
-
```
|
|
34
|
-
↑
|
|
35
|
-
以下に変更
|
|
36
|
-
↓
|
|
37
|
-
```ここに言語を入力
|
|
38
|
-
L.DomEvent.addListener(this._fullist, 'change', this._onListChange, this);
|
|
39
|
-
//セレクトメニューなので素直にchangeにしたらあら素敵。一つ前表示現象が改善されました。
|
|
40
|
-
```
|
|
41
|
-
---
|
|
42
|
-
**79～82行目**
|
|
43
|
-
```ここに言語を入力
|
|
44
|
-
L.DomEvent
|
|
45
|
-
// .addListener(option, 'click', L.DomEvent.stopPropagation)
|
|
46
|
-
// .addListener(option, 'click', L.DomEvent.preventDefault);
|
|
47
|
-
.addListener(option, 'click', this._onListChange, this);
|
|
48
|
-
```
|
|
49
|
-
↑
|
|
50
|
-
以下に変更
|
|
51
|
-
↓
|
|
52
|
-
```ここに言語を入力
|
|
53
|
-
L.DomEvent.addListener(option, 'touchend', this._onListChange, this);//スマホ用
|
|
54
|
-
L.DomEvent.addListener(option, 'mouseup', this._onListChange, this);//PC用
|
|
55
|
-
//ここはclickのままでも問題無さそうですが一応変更しました。
|
|
56
|
-
```
|