HTML DOM 터치스타트 이벤트는 터치 스크린을 터치할 때 트리거됩니다. 참고 − 본 이벤트는 터치기기 전용 이벤트입니다. 다음은 구문입니다 - HTML에서 터치 시작 이벤트 트리거 - ontouchstart = "eventFunction()" JavaScript에서 터치 시작 이벤트 트리거 - eventObject.ontouchstart = eventFunction 참고 − 모바일 또는 터치 액세스가 가능한 시스템에서 액세스하는 온라인 HTML 편집기에서 터치 이벤트 예제를 실행했습니다. 화면을 2초 동안
HTML DOM Track 기본 속성은 사용자의 기본 설정이 반대될 때까지 트랙을 활성화할지 여부에 해당하는 부울 값을 설정/반환합니다. 참고:하나의 트랙만 기본 이어야 합니다. 미디어(오디오/비디오) 요소당. 다음은 구문입니다 - 부울 값 반환 - true/false trackObject.default 기본 설정 부울 값으로 trackObject.default = booleanValue 여기에서 booleanValue 는 다음과 같을 수 있습니다. - 부울 값 세부사항 참 트랙이 기본적으로 활성화됨을 정의합
HTML DOM Track 종류 속성은 트랙 요소의 종류 속성 값을 설정/반환하여 텍스트 트랙의 유형을 지정합니다. 다음은 구문입니다 - 문자열 값 반환 trackObject.kind 종류 설정 문자열 값으로 trackObject.kind = stringValue 여기 stringValue 는 다음과 같을 수 있습니다. - 문자열 값 세부사항 캡션 캡션은 대화 및 음향 효과의 번역입니다(청각 장애인에게 적합). 장 챕터 제목을 정의합니다(미디어 리소스 탐색에 사용). 설명 비디오 콘텐츠의 텍스
HTML DOM 트랙 레이블 속성은 트랙에 대해 표시되는 텍스트를 지정하기 위해 트랙 요소의 레이블 속성 값을 설정/반환합니다. 다음은 구문입니다 - 문자열 값 반환 trackObject.label 레이블을 stringValue로 설정 trackObject.label = labelValue 트랙 레이블 의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>Track label</title> <style> &nb
HTML의 HTML DOM Track Object는 요소를 나타냅니다. 만들기 요소 var trackObject = document.createElement(“TRACK”) 여기 trackObject 다음과 같은 속성을 가질 수 있습니다 - 속성 설명 기본값 트랙의 기본 상태를 설정/반환합니다. 종류 트랙의 종류 속성 값을 설정/반환합니다. 레이블 트랙의 레이블 속성 값을 설정/반환합니다. 준비 상태 트랙 리소스의 현재 상태를 반환합니다. src 트랙의
HTML DOM Time dateTime 속성은 time 요소의 datetime 속성을 반환/설정합니다. 다음은 구문입니다 - 문자열 값 반환 timeObject.dateTime 날짜/시간 설정 문자열 값으로 timeObject.dateTime = YYYY-MM-DDThh:mm:ssTZD 여기 YYYY-MM-DDThh:mm:ssTZD 는 다음과 같을 수 있습니다. - 문자열 값 세부사항 YYYY 연도를 정의합니다(예:1998). MM 월을 정의합니다(예:5월의 경우 05). DD 요일을 정의
HTML의 HTML DOM 시간 개체는 요소를 나타냅니다. 만들기 요소 var timeObject = document.createElement(“TIME”) 여기, timeObject 는 다음과 같은 속성을 가질 수 있습니다 - 속성 설명 날짜/시간 요소의 dateTime 속성 값을 설정/반환합니다. 시간 dateTime의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>Time
HTML DOM timeStamp 속성은 이벤트가 생성되거나 트리거된 경과 시간을 밀리초 단위로 반환합니다. 참고:timeStamp는 이벤트 시스템이 특정 이벤트에 대해 지원하는 경우에만 작동합니다. 다음은 구문입니다 - 시간 값 반환(밀리초) event.timeStamp HTML DOM 타임스탬프의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>timeStamp Event</title> <style> &n
HTML의 HTML DOM 제목 개체는 요소를 나타냅니다. 만들기 요소 var titleObject = document.createElement(“TITLE”) 여기에서 titleObject 다음과 같은 속성을 가질 수 있습니다 - 속성 설명 텍스트 문서의 요소 값을 설정/반환합니다. 제목 텍스트의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title id="titleSelect&q
HTML DOM 제목 속성은 HTML 요소의 제목 속성 값에 해당하는 문자열을 반환/설정합니다. HTML 요소 위로 마우스를 가져가면 제목 값이 표시됩니다. 다음은 구문입니다 - 문자열 값 반환 ElementOfHTMLObject.title 제목 설정 문자열 값으로 ElementOfHTMLObject.title = string 예시 HTML DOM 제목의 예를 살펴보겠습니다. 속성 - <!DOCTYPE html> <html> <head> <title>HTML DOM title<
HTML DOM Title 텍스트 속성은 문서의 요소 값을 설정/반환합니다. 다음은 구문입니다 - 문자열 값 반환 titleElementObject.text 텍스트 설정 문자열 값으로 titleElementObject.text = string 제목 텍스트의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title id="titleSelect">HTML DOM Title text</title> <style
HTML DOM touchcancel 이벤트는 하나 이상의 터치 이벤트가 중단될 때 트리거됩니다. 참고:이 이벤트는 터치 장치에만 해당됩니다. 다음은 구문입니다 - HTML에서 터치 취소 이벤트 트리거 - ontouchcancel = "eventFunction()" JavaScript에서 터치 취소 이벤트 트리거 - eventObject.ontouchcancel = eventFunction 터치 취소 이벤트의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html>
터치스크린에서 터치가 제거되면 HTML DOM 터치엔드 이벤트가 트리거됩니다. 참고:이 이벤트는 터치 장치에만 해당됩니다. 다음은 구문입니다 - HTML에서 터치엔드 이벤트 트리거 - ontouchend = "eventFunction()" JavaScript에서 터치엔드 이벤트 트리거 - eventObject.ontouchend = eventFunction 터치엔드 이벤트의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <ti
HTML DOM TouchEvent altKey 속성은 터치 이벤트가 발생했을 때 Alt 키를 눌렀을 경우 상태에 해당하는 부울 값을 반환합니다. 다음은 구문입니다 - 부울 값 반환 - true/false touchEvent.altKey 여기 booleanValue 는 다음과 같을 수 있습니다. - 부울 값 세부사항 참 터치 이벤트가 발생했을 때 Alt 키를 눌렀음을 정의합니다. 거짓 터치 이벤트 발생 시 Alt 키를 누르지 않았음을 정의합니다. 참고:모바일 또는 터치 액세스가 가능한 시스템에
HTML DOM TouchEvent ctrlKey 속성은 터치 이벤트가 발생할 때 ctrl을 눌렀을 경우 상태에 해당하는 부울 값을 반환합니다. 다음은 구문입니다 - 부울 값 반환 - true/false touchEvent.ctrlKey 여기 booleanValue 는 다음과 같을 수 있습니다. - 부울 값 세부사항 참 터치 이벤트가 발생했을 때 ctrl 키가 눌렸음을 정의합니다. 거짓 터치 이벤트 발생 시 ctrl 키가 눌리지 않았음을 정의 참고:모바일 또는 터치 액세스가 가능한 시스템에서
HTML DOM offsetHeight 속성은 여백이 아닌 패딩, 테두리 및 스크롤바를 포함하여 요소의 높이에 해당하는 숫자를 반환합니다. 다음은 구문입니다 - 숫자 값 반환 HTMLelement.offsetHeight HTML DOM offsetHeight의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM offsetHeight</title> <style> form {
HTML DOM offsetLeft 속성은 부모 요소의 왼쪽을 기준으로 지정된 요소의 왼쪽 위치에 해당하는 숫자를 반환합니다. 다음은 구문입니다 - 픽셀(픽셀) 단위의 숫자 값 반환 HTMLelement.offsetLeft 여기서 반환된 값은 -에 해당합니다. 지정된 요소의 왼쪽 위치 및 여백 상위 요소의 왼쪽 패딩, 스크롤바, 테두리 및 여백 HTML DOM offsetLeft의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title&g
HTML DOM offsetParent 속성은 자식 오프셋이 정의된 참조된 부모 요소를 반환합니다. 다음은 구문입니다 - 참조된 오프셋 상위 요소 반환 HTMLelement.offsetParent HTML DOM offsetParent의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM offsetParent</title> <style type="text/css">
HTML DOM offsetTop 속성은 상위 요소의 위쪽을 기준으로 지정된 요소의 위쪽 위치에 해당하는 숫자를 반환합니다. 다음은 구문입니다 - 픽셀(픽셀) 단위의 숫자 값 반환 HTMLelement.offsetTop 여기서 반환된 값은 -에 해당합니다. 지정된 요소의 상단 위치 및 여백 상위 요소의 상단 패딩, 스크롤바, 테두리 및 여백 HTML DOM offsetTop의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>H
HTML DOM offsetWidth 속성은 여백이 아닌 패딩, 테두리 및 스크롤바를 포함하여 요소의 너비에 해당하는 숫자를 반환합니다. 다음은 구문입니다 - 숫자 값 반환 HTMLelement.offsetWidth HTML DOM offsetWidth의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM offsetHeight</title> <style> form { &nb