javascript 在Tachein中按类添加交互

Posted 2021-05-04

	/**
	 * ボタンタッチした際にインタラクションさせるイベントを追加する
	 */
	addBtnTouchInteraction(){
		let btns = this._contents.querySelectorAll(".btn");
		for (let btn of btns) {
			btn.addEventListener("touchstart", (e) => {
				e.preventDefault();
				btn.classList.add("is-touching");
			});
			btn.addEventListener("touchend", (e) => {
				e.preventDefault();
				setTimeout(()=>{
					if(btn.getAttribute("href")) window.location.href = btn.getAttribute("href");
				},50);
				btn.classList.remove("is-touching");
			});
			btn.addEventListener("touchcancel", () => { btn.classList.remove("is-touching");});
		}
	}