>  기사  >  웹 프론트엔드  >  동적으로 생성된 HTML 태그에 대한 바인딩 이벤트를 구현하는 방법

동적으로 생성된 HTML 태그에 대한 바인딩 이벤트를 구현하는 방법

零到壹度
零到壹度원래의
2018-03-24 11:28:522447검색

js를 동적으로 사용하여 HTML에서 태그를 생성한 후 생성된 HTML 태그에 이벤트를 바인딩하는 방법은 무엇입니까? 많은 방법을 시도한 후에도 바인딩할 수 없습니다. 오늘은 해결 방법을 살펴보겠습니다.

실패한 사례:

$("#id").change(function(){
    console.log('需要执行的事情');
});

는 위의 방법을 사용하여 JS에서 생성된 ID='id'인 HTML 태그를 변경 이벤트에 바인딩할 수 없다는 것을 발견했습니다.

올바른 접근 방식:

$(document).change("#id",function(){console.log("需要执行的事情")
});

는 이 자기 에너지만이 이벤트를 바인딩할 수 있고 다른 이벤트도 이런 방식으로 바인딩할 수 있음을 발견했습니다.

관련 권장 사항:

HTML에서 동적으로 생성된 콘텐츠에 대한 이벤트 바인딩 문제

동적으로 생성된 태그를 HTML에서 js 이벤트에 바인딩할 수 없는 문제에 대한 솔루션

이벤트에 바인딩할 수 없는 동적으로 생성된 태그에 대해

위 내용은 동적으로 생성된 HTML 태그에 대한 바인딩 이벤트를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.