내 인라인 onclick 이벤트가 내 Chrome/Firefox 확장 프로그램에서 작동하지 않는 이유는 무엇입니까?

Chrome/Firefox 확장 프로그램에서 Onclick 이벤트가 작동하지 않음

HTML 문서에서 일반적으로 사용되는 인라인 JavaScript를 사용하면 사용자 상호작용 시 스크립트 실행이 가능합니다. 버튼 클릭처럼 말이죠. 그러나 이 접근 방식은 보안 및 성능 고려 사항으로 인해 Chrome 및 Firefox 확장 프로그램에서 제한 사항에 직면합니다.

원인:

Chrome 확장 프로그램 및 Firefox WebExtensions는 보안 및 성능 향상을 위해 인라인 JavaScript를 금지합니다. 잠재력을 예방하다

해결책:

이 문제를 해결하려면 이벤트 리스너를 사용하여 onclick 이벤트를 특정 요소에 바인딩해야 합니다. 수정된 내용은 다음과 같습니다. 코드:

popup.js:

document.addEventListener('DOMContentLoaded', function() {
  var link = document.getElementById('link');

  link.addEventListener('click', function() {
    hellYeah('xxx');
  });
});

popup.htm l:

<a></a>

설명:

• 할당 링크에 대한 ID(예: "link")
• popup.js 파일에서 document.addEventListener('click', ...)를 사용하여 해당 특정 링크에 대한 onclick 이벤트를 수신합니다.
• 콜백 함수는 링크를 클릭하면 hellYeah('xxx') 로직을 실행합니다.
• popup.js가 다음과 같이 로드되는지 확인하세요. popup.html에 별도의 스크립트 파일이 있습니다.

이 방법을 사용하면 onclick 이벤트를 Chrome 및 Firefox 확장 프로그램 내의 요소에 바인딩하여 보안을 손상시키지 않고 해당 기능을 보장할 수 있습니다.

위 내용은 내 인라인 onclick 이벤트가 내 Chrome/Firefox 확장 프로그램에서 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!