콘텐츠가 Javascript를 사용하여 div에 맞는지 감지

Tetsudou

너비와 높이가 고정 된 div에 콘텐츠가 맞는지 감지 할 수 있습니까? 예를 들어 다음과 같이 할 수 있습니까?

theString = "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
if (document.getElementById("box").wouldOverflowWithContent(theString)){
    /*Do stuff*/
}

상자의 크기는 화면 크기 ( 이 웹 페이지 ) 에 따라 다르기 때문에 상자에 얼마나 많은 글자가 들어갈 지 셀 수 없습니다 . 미리 감사드립니다. 그런데 jQuery를 사용할 수 있습니다.

user663031

다음 scrollHeight보다 큰지 확인하십시오 offsetHeight.

function check_overflow(elt) {
    return elt.scrollHeight > elt.offsetHeight;
}

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Javascript를 사용하여 div에 콘텐츠 추가가 작동하지 않음

분류에서Dev

div가 콘텐츠를 감싸는 것을 중지 하시겠습니까?

분류에서Dev

이미지가 콘텐츠 편집 가능 영역에 붙여 넣어 지거나 놓인 경우 JavaScript를 사용하여 어떻게 감지합니까?

분류에서Dev

이미지 주위에 div를 단단히 감싸고 해상도가 콘텐츠 영역보다 큰 경우 콘텐츠 영역에 맞게 이미지 크기를 조정하는 방법은 무엇입니까?

분류에서Dev

PHP를 사용하여 ccavenue 페이지에 동적 콘텐츠 추가

분류에서Dev

사용자가 콘텐츠를 저장하기 위해 EditText에서 쓰기를 중지 할 때 감지

분류에서Dev

콘텐츠 제어 ID를 사용하여 테이블에 들어오고 나가는 커서를 감지하는 방법

분류에서Dev

사용자가 Facebook 페이지를 좋아하는지 여부에 따라 Javascript를 사용하여 다른 콘텐츠 표시

분류에서Dev

사용자에게 복사 된 콘텐츠가 있는지 감지

분류에서Dev

콘텐츠에 맞아야하는 나머지 너비 div?

분류에서Dev

Highcharts에서 여러 틱에 걸쳐있는 사용자 지정 콘텐츠를 추가하는 방법

분류에서Dev

하위 페이지에서 콘텐츠를 가져 오는 Wordpress

분류에서Dev

HTML DIV가 보이지 않을 때 콘텐츠를 위에 표시하지 않고 다른 콘텐츠를 가리지 않는 이유는 무엇입니까?

분류에서Dev

콘텐츠가 사용자 지정 셀 팩토리를 사용하여 빈 행에 나타납니다.

분류에서Dev

CSS를 사용하여 div 높이를 콘텐츠에 맞추는 방법

분류에서Dev

페이지 콘텐츠가 완전히로드 된 후 jQuery를 사용하여 DOM에 요소 추가

분류에서Dev

여백 속성을 사용하지 않고 div 내에서 콘텐츠를 중앙에 배치하는 방법

분류에서Dev

JQUERY 텍스트 함수를 사용하여 textarea에서 DIV로 콘텐츠를 바꾸는 동안 br 태그가 작동하지 않습니다.

분류에서Dev

콘텐츠가 scrollview 경계에 맞을 때 SwiftUI ScrollView가 콘텐츠를 중앙에 배치하지 않습니다.

분류에서Dev

워드 프레스에서 AJAX를 사용하여 특정 페이지 콘텐츠 가져 오기

분류에서Dev

자바 스크립트를 사용하여 페이지 끝에 새 콘텐츠 추가

분류에서Dev

get 변수를 사용하여 Laravel에서 페이지가 매겨진 콘텐츠 정렬

분류에서Dev

파일 공급자를 사용하여 sdcard에 저장된 이미지의 콘텐츠 URI 가져 오기

분류에서Dev

스크롤 가능한 Div가 콘텐츠를 감싸지 않습니다.

분류에서Dev

REST를 사용하여 soapUI에 표시되지 않는 ajax 콘텐츠

분류에서Dev

div 콘텐츠가 높이의 100 %를 차지하도록하는 방법

분류에서Dev

CSS 콘텐츠를 사용하여 이미지를 삽입하는 것이 비 의사 요소에 대해 작동합니다.이 동작이 맞습니까?

분류에서Dev

JavaScript를 사용하여 React 페이지 콘텐츠 변경

분류에서Dev

Ajax를 사용하여 div에 콘텐츠를로드 한 후 이벤트 자바 스크립트가 작동하지 않습니다.

Related 관련 기사

  1. 1

    Javascript를 사용하여 div에 콘텐츠 추가가 작동하지 않음

  2. 2

    div가 콘텐츠를 감싸는 것을 중지 하시겠습니까?

  3. 3

    이미지가 콘텐츠 편집 가능 영역에 붙여 넣어 지거나 놓인 경우 JavaScript를 사용하여 어떻게 감지합니까?

  4. 4

    이미지 주위에 div를 단단히 감싸고 해상도가 콘텐츠 영역보다 큰 경우 콘텐츠 영역에 맞게 이미지 크기를 조정하는 방법은 무엇입니까?

  5. 5

    PHP를 사용하여 ccavenue 페이지에 동적 콘텐츠 추가

  6. 6

    사용자가 콘텐츠를 저장하기 위해 EditText에서 쓰기를 중지 할 때 감지

  7. 7

    콘텐츠 제어 ID를 사용하여 테이블에 들어오고 나가는 커서를 감지하는 방법

  8. 8

    사용자가 Facebook 페이지를 좋아하는지 여부에 따라 Javascript를 사용하여 다른 콘텐츠 표시

  9. 9

    사용자에게 복사 된 콘텐츠가 있는지 감지

  10. 10

    콘텐츠에 맞아야하는 나머지 너비 div?

  11. 11

    Highcharts에서 여러 틱에 걸쳐있는 사용자 지정 콘텐츠를 추가하는 방법

  12. 12

    하위 페이지에서 콘텐츠를 가져 오는 Wordpress

  13. 13

    HTML DIV가 보이지 않을 때 콘텐츠를 위에 표시하지 않고 다른 콘텐츠를 가리지 않는 이유는 무엇입니까?

  14. 14

    콘텐츠가 사용자 지정 셀 팩토리를 사용하여 빈 행에 나타납니다.

  15. 15

    CSS를 사용하여 div 높이를 콘텐츠에 맞추는 방법

  16. 16

    페이지 콘텐츠가 완전히로드 된 후 jQuery를 사용하여 DOM에 요소 추가

  17. 17

    여백 속성을 사용하지 않고 div 내에서 콘텐츠를 중앙에 배치하는 방법

  18. 18

    JQUERY 텍스트 함수를 사용하여 textarea에서 DIV로 콘텐츠를 바꾸는 동안 br 태그가 작동하지 않습니다.

  19. 19

    콘텐츠가 scrollview 경계에 맞을 때 SwiftUI ScrollView가 콘텐츠를 중앙에 배치하지 않습니다.

  20. 20

    워드 프레스에서 AJAX를 사용하여 특정 페이지 콘텐츠 가져 오기

  21. 21

    자바 스크립트를 사용하여 페이지 끝에 새 콘텐츠 추가

  22. 22

    get 변수를 사용하여 Laravel에서 페이지가 매겨진 콘텐츠 정렬

  23. 23

    파일 공급자를 사용하여 sdcard에 저장된 이미지의 콘텐츠 URI 가져 오기

  24. 24

    스크롤 가능한 Div가 콘텐츠를 감싸지 않습니다.

  25. 25

    REST를 사용하여 soapUI에 표시되지 않는 ajax 콘텐츠

  26. 26

    div 콘텐츠가 높이의 100 %를 차지하도록하는 방법

  27. 27

    CSS 콘텐츠를 사용하여 이미지를 삽입하는 것이 비 의사 요소에 대해 작동합니다.이 동작이 맞습니까?

  28. 28

    JavaScript를 사용하여 React 페이지 콘텐츠 변경

  29. 29

    Ajax를 사용하여 div에 콘텐츠를로드 한 후 이벤트 자바 스크립트가 작동하지 않습니다.

뜨겁다태그

보관