teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

htmlを追記しました。

2021/11/04 10:28

投稿

Taka_1513
Taka_1513

スコア0

title CHANGED
File without changes
body CHANGED
@@ -5,15 +5,22 @@
5
5
 
6
6
  ### 該当のソースコード
7
7
 
8
- ```ここに言語名を入力
8
+ ```html
9
- document.querySelector(".slider").addEventListener("touchend", function(event) {
9
+ <div class="slider-container">
10
- event.preventDefault();
11
- }, false);
12
- document.querySelector(".slider").addEventListener("touchstart", function(event) {
10
+ <input class="slider" type="range" value="0" min="0" max="5" step="0.01">
13
- event.preventDefault();
11
+ </div>
14
- }, false);
15
- }
16
12
  ```
17
13
 
14
+ ```javascript
15
+ document.querySelector(".slider").addEventListener("touchend", function(event) {
16
+ event.preventDefault();
17
+ }, false);
18
+ document.querySelector(".slider").addEventListener("touchstart", function(event) {
19
+ event.preventDefault();
20
+ }, false);
21
+
22
+ ```
23
+
18
24
  ### 試したこと
19
- touchstartとtouchendイベント発生時にpreventDefault()しましたが無理した
25
+ touchstartとtouchendイベント発生時にpreventDefault()を試てみましたが、以前タッチ操作が可能なまま
26
+ エラー等は出ていません。何か良い方法等ありましたら教えていただ期待です。