>웹 프론트엔드 >JS 튜토리얼 >현재 버튼의 ID 이름이나 HTML을 가져오는 방법을 분석합니다.

현재 버튼의 ID 이름이나 HTML을 가져오는 방법을 분석합니다.

巴扎黑
巴扎黑원래의
2017-06-23 10:07:231958검색

오늘 제가 한 일은 사진을 업로드한 것인데, 사진을 클릭하면 삭제가 됩니다.

무작위로 사진 ID를 부여하고 사진 ID를 얻은 다음 사진을 삭제하세요.

이미지 ID는 랜덤이므로 img를 클릭하거나 클래스를 클릭하면 ID를 얻을 수 없습니다. 마지막으로 onclick 이벤트를 사용하여 ID를 얻으십시오.

js 코드는 다음과 같습니다.

$("#pic").append("<img style=&#39;width:70px;margin:5px;height:70px;&#39; id=&#39;"+num+"&#39; onclick=&#39;upimg()&#39; src=\"" + images.localId + "\" />");

다음과 같이 시작하세요.

    function upimg(){var id= $(this).attr("id");
        alert(id);
        }

아니요. 나중에 나는 그것을 얻기 위해

    function upimg(){
        alert(event.target.id);
        }

를 사용했습니다.

요약:

event.target.idevent.target.id,不要使用this.id
当使用事件委托的时候,this指向的是绑定监听事件的元素,而非被点击的元素。event.target.id를 사용해 보세요. this.id

는 사용하지 마세요.
이벤트 위임을 사용할 때 🎜this🎜는 클릭한 요소가 아니라 이벤트를 수신하도록 바인딩된 요소를 가리킵니다. 🎜event.target.id🎜는 항상 클릭한 요소를 가리킵니다🎜

위 내용은 현재 버튼의 ID 이름이나 HTML을 가져오는 방법을 분석합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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