페이지의 iframe 내에서 선택한 텍스트 가져 오기

JustAnotherCoder

순수한 Javascript (jQuery 없음)를 사용하여 페이지의 각 iframe을 반복 한 다음 iframe에 강조 표시된 (선택된) 텍스트가 포함되어 있는지 확인하려고합니다. 그런 다음 강조 표시된 텍스트를 보여주는 경고를 표시합니다. 키커는 ... iframe의 ID는 미리 알려지지 않을 것입니다. 따라서 각 iframe을 반복해야합니다. 참고로-iframe은 모두 동일한 도메인에 있으므로 여기에서는 도메인 간 문제가 없습니다.

내 코드는 내가 필요한 것과 거의 비슷하다고 생각하지만 지금까지 시가는 없습니다.

페이지로드시이 작업을 수행합니다.

var iframes = document.getElementsByTagName('iframe');
for (var i = 0; i < iframes.length; i++) {
    iframes[i].contentWindow.document.onmouseup = function() { 
        var iframeSelection = iframes[i].contentWindow.document.getSelection(); 
        if (iframeSelection.toString().length > 0) { alert(iframeSelection); }
    }
}

또한 ...이 특정 프로젝트의 경우 Chrome에서만 작동하면됩니다.

감사!

Joews

iframe 및 선택 코드는 괜찮지 만 루프 와 함께 일반적인 JavaScript 실수for겪고 있습니다. 이벤트 핸들러 함수가 실행될 때와 i항상 동일 iframes.length합니다.

다음을 반복하여 피할 수 있습니다 Array.prototype.forEach.

var iframes = document.getElementsByTagName('iframe');

[].forEach.call(iframes, function(frame) {
    frame.contentWindow.document.onmouseup = function() { 
      var iframeSelection = frame.contentWindow.getSelection(); 
      if (iframeSelection.toString().length > 0) { alert(iframeSelection); }
  }
});

JSBin

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

선택한 요소 jQuery 내에서 텍스트 가져 오기

분류에서Dev

jQuery를 사용하여 HTML 페이지에서 선택한 텍스트 가져 오기

분류에서Dev

PHP의 드롭 다운에서 선택한 텍스트 가져 오기

분류에서Dev

Xamarin 양식에서 선택기의 텍스트 가져 오기

분류에서Dev

jquery의 선택기에서 텍스트 가져 오기-Wordpress

분류에서Dev

선택 항목의 값에서 텍스트 가져 오기

분류에서Dev

JavaFx 선택한 CheckBox에서 텍스트 가져 오기

분류에서Dev

VB 선택한 양식에서 텍스트 가져 오기

분류에서Dev

Android 문자열에서 선택한 텍스트 가져 오기

분류에서Dev

선택한 옵션에서 텍스트 가져 오기

분류에서Dev

텍스트 상자에서 선택한 연도 가져 오기

분류에서Dev

어레이 세션에서 선택한 텍스트 값을 다른 페이지로 가져 오는 방법

분류에서Dev

wagtail 페이지 선택기에서 이미지 및 소개 텍스트 가져 오기

분류에서Dev

자바 스크립트를 사용하여 다른 도메인을 가리키는 iframe에서 선택한 텍스트 가져 오기

분류에서Dev

jquery 입력 선택한 텍스트의 ID 가져 오기

분류에서Dev

WPF 트리보기에서 선택한 텍스트 가져 오기

분류에서Dev

radioGroup에서 선택한 RadioButton의 인덱스 가져 오기

분류에서Dev

Angularjs : 선택 태그에서 선택한 개체의 인덱스 가져 오기

분류에서Dev

extjs의 패널에서 선택한 텍스트를 가져 오기 위해 뜨겁습니다.

분류에서Dev

jquery로 선택한 라디오 버튼에서 텍스트 값 가져 오기

분류에서Dev

코드 숨김의 HTML 선택에서 선택한 값 / 텍스트를 가져 오는 방법

분류에서Dev

여러 줄 선택에서 텍스트의 첫 줄 위치 가져 오기

분류에서Dev

lxml / Python에서 선택한 요소 옆에 텍스트 가져 오기

분류에서Dev

lxml / Python에서 선택한 요소 옆에 텍스트 가져 오기

분류에서Dev

prime-ng 드롭 다운에서 선택한 텍스트 가져 오기

분류에서Dev

gridview c #에서 선택한 열 머리글 텍스트 가져 오기

분류에서Dev

페이지 리소스에서 선택한 목록보기 색인 가져 오기

분류에서Dev

iframe에서 텍스트 가져 오기 및 범위 설정

분류에서Dev

UISegmentedControl 이전에 선택한 인덱스 가져 오기

Related 관련 기사

  1. 1

    선택한 요소 jQuery 내에서 텍스트 가져 오기

  2. 2

    jQuery를 사용하여 HTML 페이지에서 선택한 텍스트 가져 오기

  3. 3

    PHP의 드롭 다운에서 선택한 텍스트 가져 오기

  4. 4

    Xamarin 양식에서 선택기의 텍스트 가져 오기

  5. 5

    jquery의 선택기에서 텍스트 가져 오기-Wordpress

  6. 6

    선택 항목의 값에서 텍스트 가져 오기

  7. 7

    JavaFx 선택한 CheckBox에서 텍스트 가져 오기

  8. 8

    VB 선택한 양식에서 텍스트 가져 오기

  9. 9

    Android 문자열에서 선택한 텍스트 가져 오기

  10. 10

    선택한 옵션에서 텍스트 가져 오기

  11. 11

    텍스트 상자에서 선택한 연도 가져 오기

  12. 12

    어레이 세션에서 선택한 텍스트 값을 다른 페이지로 가져 오는 방법

  13. 13

    wagtail 페이지 선택기에서 이미지 및 소개 텍스트 가져 오기

  14. 14

    자바 스크립트를 사용하여 다른 도메인을 가리키는 iframe에서 선택한 텍스트 가져 오기

  15. 15

    jquery 입력 선택한 텍스트의 ID 가져 오기

  16. 16

    WPF 트리보기에서 선택한 텍스트 가져 오기

  17. 17

    radioGroup에서 선택한 RadioButton의 인덱스 가져 오기

  18. 18

    Angularjs : 선택 태그에서 선택한 개체의 인덱스 가져 오기

  19. 19

    extjs의 패널에서 선택한 텍스트를 가져 오기 위해 뜨겁습니다.

  20. 20

    jquery로 선택한 라디오 버튼에서 텍스트 값 가져 오기

  21. 21

    코드 숨김의 HTML 선택에서 선택한 값 / 텍스트를 가져 오는 방법

  22. 22

    여러 줄 선택에서 텍스트의 첫 줄 위치 가져 오기

  23. 23

    lxml / Python에서 선택한 요소 옆에 텍스트 가져 오기

  24. 24

    lxml / Python에서 선택한 요소 옆에 텍스트 가져 오기

  25. 25

    prime-ng 드롭 다운에서 선택한 텍스트 가져 오기

  26. 26

    gridview c #에서 선택한 열 머리글 텍스트 가져 오기

  27. 27

    페이지 리소스에서 선택한 목록보기 색인 가져 오기

  28. 28

    iframe에서 텍스트 가져 오기 및 범위 설정

  29. 29

    UISegmentedControl 이전에 선택한 인덱스 가져 오기

뜨겁다태그

보관