> 웹 프론트엔드 > JS 튜토리얼 > URL 해시가 이벤트를 발생시키는 가장 좋아하는 방법인 이유

URL 해시가 이벤트를 발생시키는 가장 좋아하는 방법인 이유

WBOY
풀어 주다: 2024-08-16 18:37:25
원래의
406명이 탐색했습니다.

Why URL hashes are my favorite way to fire events

저는 젊은 웹 개발자로서 이벤트를 실행하는 가장 좋은 방법이 무엇인지 종종 궁금했습니다(예를 들어 링크를 다시 로드하지 않고 페이지에 새 콘텐츠를 표시하도록 만드는 것). 이벤트를 실행할 때 속성을 변경하여 HTML 요소를 이벤트 핸들러로 사용하는 것을 고려했지만 이 방법도 너무 방해가 되는 것 같았습니다. HTML에 방해가 되는 뭔가가 필요했습니다.

그런 다음 쓸데없이 앉아 있던 URL 표시줄을 보다가 한 가지 아이디어가 떠올랐습니다. 간단히 두 개의 URL 매개변수(이름이 지정된 이벤트 하나와 이름이 지정된 데이터 하나)를 추가하겠습니다. 완벽했어요!

저는 그렇게 생각했어요. URL 매개변수를 추가하면 페이지가 다시 로드되므로 이 방법도 작동하지 않습니다. 하지만 여전히 URL이 가장 좋은 방법이라고 생각하고 해시를 생각나게 했습니다.

모르시는 분들을 위해 말씀드리자면, URL에 해시를 추가하면 페이지가 다시 로드되지 않습니다

저는 그 이후로 이 기술을 사용해 왔으며 의심할 여지 없이 제가 가장 좋아하는 기술입니다. 나는 이것이 일반적인 기술이라고 생각하지 않습니다. 내가 아는 것은 그것이 내 필요에 적합하다는 것뿐입니다.

window.addEventListener("hashchange", function(hash) {
  if (hash === "#profile-19289948") {
    ...
  }
});
로그인 후 복사

이제 궁금해요. 다른 사람들도 비슷한 일을 하나요? 다른 사람들도 내가 무슨 말을 하는지 알고 있나요?

위 내용은 URL 해시가 이벤트를 발생시키는 가장 좋아하는 방법인 이유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿