Electron: URL 링크를 클릭할 때 webview에서 탐색을 방지하는 방법

에 만든 2016년 01월 22일 · 3코멘트 · 출처: electron/electron

안녕,
will-navigate 이벤트(https://github.com/atom/electron/blob/master/docs/api/web-view-tag.md) 문서에서 다음 문장을 살펴보았습니다.

event.preventDefault()를 호출해도 아무런 효과가 없습니다.

그렇다면 webview가 다른 페이지로 이동하는 것을 어떻게 방지할 수 있습니까? 사용자가 webview에서 URL 링크를 클릭할 때 기본 브라우저를 시작하려고 합니다.
다음은 렌더러 프로세스에 대한 내 코드입니다.

 webview.addEventListener('will-navigate', function(e) {
        e.preventDefault();
        require('electron').shell.openExternal(e.url);
 });

이 코드를 사용하면 webview에서 URL 링크를 클릭하면 webview가 새 페이지로 이동하고 새 페이지를 표시하는 기본 브라우저도 열립니다. webview가 새 페이지 탐색을 중지하기를 원합니다.

출처

wsangtoki

가장 유용한 댓글

이것은 사용자가 링크를 클릭하고 요청된 URL에 대해 앱에 알리는 탐색을 방지하는 데 효과적입니다. 사전 로드를 사용하고 다음을 주입합니다.

document.addEventListener('DOMContentLoaded', function () {
  document.addEventListener('click', function (e) {
    e.preventDefault();
    e.stopPropagation();
    setTimeout(function () {
      var path = e.target.href;
      ipcRenderer.sendToHost('element-clicked', path);
    }, 100);
    return false;
  }, true);
});

document.addEventListener('click', fn, true) 의 세 번째 매개변수를 확인하세요.

참조: https://stackoverflow.com/questions/6157486/jquery-trap-all-click-events-before-they-happen/6157660#6157660

mkinawy 에 2016년 09월 09일

❤1 👎1 👍1

모든 3 댓글

#1378의 복제품입니다.

xywz 에 2016년 01월 22일

게시된 솔루션이 보이지 않습니까?

ghost 에 2016년 06월 11일

👍1