api.detach()
설명
이벤트 핸들러를 제거/분리할 수 있습니다
사용법
api.detach(tag: number | string ): void;
Parameters
tag- (필수) 액션 태그의 이름
예제
아래 예제에서는 api.on() 핸들러에 tag 속성을 포함한 객체를 추가한 다음, api.detach() 메서드를 사용하여 select-slot 이벤트 로깅을 중지합니다.
const widget = new booking.Booking("#root", {
data,
//기타 구성 parameters
});
// 핸들러 추가
if (widget.api) {
widget.api.on(
"select-slot",
({ id }) => {
console.log("Selected: " + id);
},
{ tag: "track" }
);
}
// 핸들러 분리
function stop() {
widget.api.detach("track");
}
const button = document.createElement("button");
button.addEventListener("click", stop);
button.textContent = "Stop logging";
document.body.appendChild(button);