TouchList: item() ã¡ã½ãã
å©ç¨å¯è½æ§ã¯éå®ç
ãã®æ©è½ã¯ãã¼ã¹ã©ã¤ã³ã§ã¯ããã¾ãããæãåºã使ç¨ããã¦ãããã©ã¦ã¶ã¼ã®ä¸é¨ã§åä½ãã¾ããã
Want more support for this feature? Tell us why.
item() ã¡ã½ããã¯ããã® TouchList ã®ä¸ã®æå®ãããä½ç½®ã«ãã Touch ãªãã¸ã§ã¯ããè¿ãã¾ãã
æ§æ
js
item(index)
弿°
è¿å¤
touchPoint-
è¦æ±ããã
Touchãªãã¸ã§ã¯ããTouchListããåå¾ãããã®ã§ãã æ·»åããªã¹ãã®é·ã以ä¸ã®å ´åã¯nullãè¿ãã¾ãã
ä¾
ãã®ã³ã¼ãä¾ã§ã¯ãTouchList ã¤ã³ã¿ã¼ãã§ã¤ã¹ã® item ã¡ã½ãã㨠length ããããã£ã®ä½¿ãæ¹ã示ãã¦ãã¾ãã
js
const target = document.getElementById("target");
target.addEventListener(
"touchstart",
(ev) => {
// ãã® touchstart ã¤ãã³ãã対象è¦ç´ ã§å§ã¾ã£ãå ´åãtouch ã
// targetTouches ãªã¹ãã®æåã®é
ç®ã«è¨å®ãã¾ããããã§ãªã
// å ´åã¯ãtouch ãªã¹ãã®æåã®é
ç®ã« touch ãè¨å®ãã¾ãã
const touch =
ev.targetTouches.length >= 1
? ev.targetTouches.item(0)
: ev.touches.item(0);
},
false,
);
仿§æ¸
| 仿§æ¸ |
|---|
| Touch Events > # dom-touchlist-item > |