자바스크립트 이벤트 기반인가요?

JavaScript는 이벤트 중심입니다. JavaScript는 객체 및 이벤트 중심을 기반으로 하며 보안 속성을 갖는 스크립팅 언어입니다. 이벤트 중심은 이벤트 처리 과정에서 이벤트가 먼저 발생하고 그러면 이벤트가 시작되고 반응합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

자바스크립트는 이벤트 중심인가요?

자바스크립트는 이벤트 중심입니다.

자바스크립트의 이벤트 중심은 마우스나 단축키 동작에 의해 발생합니다.

　1. 마우스 클릭 이벤트 onclick

2 . 콘텐츠 변경 이벤트 onchange

　 3. 선택 이벤트 onselect - 텍스트 또는 텍스트 영역의 내용이 강조 표시될 때 이 이벤트가 트리거됩니다.

4. 포커스 이벤트 onFocus - 개체가 포커스를 얻었을 때 발생합니다.

5. Lost Focus 이벤트 onBlur - -포커스 이벤트에 해당합니다!

　6. 문서 로드 이벤트 onload - 문서가 로드될 때 이벤트가 트리거됩니다. 일반적으로 로딩 이벤트(loading run)라고도 하며 일반적으로 쿠키를 설정하는 데 사용됩니다

　7. 문서 언로드 이벤트 onunload - 문서 로드 이벤트에 해당합니다. 웹 페이지가 종료될 때 발생하며 일반적으로 쿠키 값이 업데이트됩니다.

8. 컨텍스트 메뉴에서 마우스 오른쪽 클릭 메뉴 기능 이벤트 - 마우스 오른쪽 버튼을 차단하는 데 사용할 수 있습니다.

이벤트 처리:

1 이벤트가 발생합니다. 이벤트 핸들러 시작(이벤트 핸들러에 의해 트리거됨)

3. 이벤트 핸들러는

이벤트 호출에 반응합니다(둘 다 이벤트 핸들러를 통해 호출됨). 예는 다음과 같습니다.

1.

<input name="save" type="button" value="保存" onclick="alert(&#39;Click the button&#39;);" />

2. 자바스크립트에서 호출됨

<input id="save" type="button" />
<script>
var b=document.getElementById("save");
b.onclick=function(){
   alert("Click the button");
}
</script>

위 코드에서 자바스크립트 언어는 해석형 언어이고 실행 순서는 한 줄씩 순서대로 되어 있기 때문에 자바스크립트 스크립트는 요소 태그 아래에 위치해야 합니다. 변수 b는 요소 태그 객체를 얻을 수 있습니까?

브라우저에서 이벤트 객체는 창 객체의 속성 이벤트입니다. IE 브라우저에서는 이벤트가 트리거될 때 이벤트를 트리거한 객체를 얻는 것입니다. 이벤트 객체는 실제로 DOM 브라우저의 srcElement 속성에 포함되어 있습니다(IE가 아닌 브라우저의 경우). 이벤트 객체는 실제로 event

function someHandle(){
       var oEvent;
       if(window.event==true){  //判读是否存在事件对象
           oEvent=window.event;
       }
       var oTarget;
       if(oEvent.srcElement==true){
       oTarget=oEvent.srcElement; //IE浏览器
       }
       else{
       oTarget=oEvent.target;  //DOM浏览器
       }
       alert(oTarget.tarName); //弹出目标对象的标记名称
}
window.onload=function(){
var oImg=document.getElementsByTagName("img")[0]; //获取一组name为img的标记的第一个
oImg.onclick=someHandle();
}

의 대상 속성에 포함됩니다.[관련 권장 사항:

javascript 비디오 튜토리얼

,

웹 프론트엔드]

위 내용은 자바스크립트 이벤트 기반인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!