UI(사용자 인터페이스) Event, 사용자가 페이지의 요소와 상호 작용할 때 트리거됨
Load 이벤트: 페이지가 완전히 로드되면 창의 로드 이벤트가 트리거됩니다.
Unload 이벤트: 문서가 완전히 언로드된 후 트리거됩니다. 사용자가 한 페이지에서 다른 페이지로 전환할 때마다 발생합니다.
Resize 이벤트: 브라우저가 새로운 높이나 너비로 조정되면 크기 조정 이벤트가 트리거됩니다. 성능 문제를 방지하려면 이 이벤트에 계산 논리를 추가하지 않도록 주의하세요.
EventUtil.addHandler(window, "resize", function (event) { //防抖函数 //每次调用函数都会清除之前的计数器,并重新计数,计数完成时,执行操作。 var timer; return function () { if (timer) { clearTimeout(timer); } timer = setTimeout(function () { //setTimeout返回唯一标识符,可以使用它来取消计数器 console.log("123"); },500); } }());//此处的双括号表示,立即调用返回值
Scroll 이벤트: 사용자가 흐름 막대를 사용하여 요소의 콘텐츠를 스크롤하면 요소에서 트리거됩니다.
EventUtil.addHandler(window, "scroll", function (event) { //函数节流 var timer; return function () { if (timer) { clearTimeout(timer); } timer = setTimeout(function () { //setTimeout返回唯一标识符,可以使用它来取消计数器 if (document.compatMode == "CSS1Compat") { //标准模式 console.log("Left:" + document.documentElement.scrollLeft); console.log("Top:" + document.documentElement.scrollTop); } else { //混杂模式 console.log("Left:" + document.body.scrollLeft); console.log("Top:" + document.body.scrollTop); } }, 500); } }());
Focus 이벤트, 페이지가 포커스를 얻거나 잃을 때 트리거됩니다.
Blur 이벤트: 요소가 포커스를 잃을 때 트리거됩니다. 이 이벤트는 버블링되지 않습니다. 모든 브라우저가 이를 지원합니다.
Focus 이벤트: 요소가 포커스를 얻을 때 트리거됩니다. 이 이벤트는 버블링되지 않으며 모든 브라우저에서 이를 지원합니다.
Focusin 이벤트: 요소가 포커스를 얻을 때 트리거됩니다. 이 이벤트는 HTML 이벤트 포커스와 동일하지만 버블링됩니다. 이 이벤트를 지원하는 브라우저는 IE5+ safari5.1+ Opera11.5+ 및 Chrome입니다.
Focusout 이벤트: 요소가 손실될 때 트리거됩니다. 이 이벤트는 HTML 이벤트 블러의 범용 버전입니다. 이 이벤트를 지원하는 브라우저는 IE5+ safari5.1+ Opera11.5+ 및 Chrome입니다.
마우스 및 휠 이벤트
클릭 이벤트: 사용자가 왼쪽을 클릭할 때. 마우스 버튼 또는 Enter 키를 누르면 실행됩니다.
DbClick 이벤트: 사용자가 마우스 왼쪽 버튼을 두 번 클릭할 때 트리거됩니다.
MouseDown 이벤트: 사용자가 마우스 버튼을 누를 때 트리거됩니다.
MouseEnter 이벤트: 마우스가 처음으로 외부에서 요소 범위로 이동할 때 트리거됩니다.
MouseLeave 이벤트: 마우스가 요소 범위 밖으로 이동할 때 트리거됩니다.
MouseMove 이벤트: 마우스 포인터가 요소 내부에서 움직일 때 반복적으로 발생합니다.
MouseOut 이벤트: 마우스 포인터가 요소 위에 있고 사용자가 이를 다른 요소로 이동할 때 시작됩니다.
MouseOver 이벤트: 마우스 포인터가 요소 외부에 있는 후 사용자가 처음으로 다른 요소 경계 내에서 마우스 포인터를 움직일 때 발생합니다.
MouseUp: 사용자가 마우스 포인터를 놓을 때 트리거됩니다.
여러 마우스 좌표 위치:
1. 클라이언트 영역 좌표 위치
마우스 이벤트는 모두 브라우저 뷰포트의 특정 위치에서 발생합니다. 이 위치는 이벤트 개체의 clientX 및 clientY 속성에 저장됩니다.
2. 페이지 좌표 위치
pageX와 pageY는 페이지에서 이벤트가 발생한 위치를 알려줍니다. 즉, 이 두 속성은 페이지의 커서 위치를 나타내므로 좌표는 뷰포트의 왼쪽이나 위쪽 가장자리가 아닌 페이지 자체에서 계산됩니다.
페이지가 스크롤되지 않으면 pageX 및 pageY는 clientX 및 clientY와 동일합니다.
IE8 이하 버전에서는 페이지 좌표 위치를 지원하지 않지만, 클라이언트 영역 좌표 위치와 스크롤 정보를 이용하여 계산할 수 있습니다.
EventUtil.addHandler(document.getElementById("p1"), "click", function (event) { //兼容IE8及之前版本 event = EventUtil.getEvent(event); var pageX = event.pageX, pageY = event.pageY; if (pageX === undefined) { pageX = event.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft); } if (pageY === undefined) { pageY = event.clientY + (document.body.scrollTop || document.documentElement.scrollTop); } //console.log("pageX:" + pageX); //console.log("pageY:" + pageY); });
3. 화면 좌표 위치
screenX 및 screenY 속성은 마우스 이벤트 발생 시 전체 화면을 기준으로 한 마우스 포인터의 좌표 정보를 결정할 수 있습니다.
관련 권장 사항:
일반적인 JavaScript 오류가 발생하기 쉬운 지식 포인트 편집
JavaScript의 이벤트 스트림 및 이벤트 핸들러에 대한 자세한 해석(그래픽 튜토리얼)
위 내용은 일반적인 JavaScript 이벤트 유형의 최신 컬렉션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Python 및 JavaScript의 미래 추세에는 다음이 포함됩니다. 1. Python은 과학 컴퓨팅 분야에서의 위치를 통합하고 AI, 2. JavaScript는 웹 기술의 개발을 촉진하고, 3. 교차 플랫폼 개발이 핫한 주제가되고 4. 성능 최적화가 중점을 둘 것입니다. 둘 다 해당 분야에서 응용 프로그램 시나리오를 계속 확장하고 성능이 더 많은 혁신을 일으킬 것입니다.

개발 환경에서 Python과 JavaScript의 선택이 모두 중요합니다. 1) Python의 개발 환경에는 Pycharm, Jupyternotebook 및 Anaconda가 포함되어 있으며 데이터 과학 및 빠른 프로토 타이핑에 적합합니다. 2) JavaScript의 개발 환경에는 Node.js, VScode 및 Webpack이 포함되어 있으며 프론트 엔드 및 백엔드 개발에 적합합니다. 프로젝트 요구에 따라 올바른 도구를 선택하면 개발 효율성과 프로젝트 성공률이 향상 될 수 있습니다.

예, JavaScript의 엔진 코어는 C로 작성되었습니다. 1) C 언어는 효율적인 성능과 기본 제어를 제공하며, 이는 JavaScript 엔진 개발에 적합합니다. 2) V8 엔진을 예를 들어, 핵심은 C로 작성되며 C의 효율성 및 객체 지향적 특성을 결합하여 C로 작성됩니다.

JavaScript는 웹 페이지의 상호 작용과 역학을 향상시키기 때문에 현대 웹 사이트의 핵심입니다. 1) 페이지를 새로 고치지 않고 콘텐츠를 변경할 수 있습니다. 2) Domapi를 통해 웹 페이지 조작, 3) 애니메이션 및 드래그 앤 드롭과 같은 복잡한 대화식 효과를 지원합니다. 4) 성능 및 모범 사례를 최적화하여 사용자 경험을 향상시킵니다.

C 및 JavaScript는 WebAssembly를 통한 상호 운용성을 달성합니다. 1) C 코드는 WebAssembly 모듈로 컴파일되어 컴퓨팅 전력을 향상시키기 위해 JavaScript 환경에 도입됩니다. 2) 게임 개발에서 C는 물리 엔진 및 그래픽 렌더링을 처리하며 JavaScript는 게임 로직 및 사용자 인터페이스를 담당합니다.

JavaScript는 웹 사이트, 모바일 응용 프로그램, 데스크탑 응용 프로그램 및 서버 측 프로그래밍에서 널리 사용됩니다. 1) 웹 사이트 개발에서 JavaScript는 HTML 및 CSS와 함께 DOM을 운영하여 동적 효과를 달성하고 jQuery 및 React와 같은 프레임 워크를 지원합니다. 2) 반응 및 이온 성을 통해 JavaScript는 크로스 플랫폼 모바일 애플리케이션을 개발하는 데 사용됩니다. 3) 전자 프레임 워크를 사용하면 JavaScript가 데스크탑 애플리케이션을 구축 할 수 있습니다. 4) node.js는 JavaScript가 서버 측에서 실행되도록하고 동시 요청이 높은 높은 요청을 지원합니다.

Python은 데이터 과학 및 자동화에 더 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 더 적합합니다. 1. Python은 데이터 처리 및 모델링을 위해 Numpy 및 Pandas와 같은 라이브러리를 사용하여 데이터 과학 및 기계 학습에서 잘 수행됩니다. 2. 파이썬은 간결하고 자동화 및 스크립팅이 효율적입니다. 3. JavaScript는 프론트 엔드 개발에 없어서는 안될 것이며 동적 웹 페이지 및 단일 페이지 응용 프로그램을 구축하는 데 사용됩니다. 4. JavaScript는 Node.js를 통해 백엔드 개발에 역할을하며 전체 스택 개발을 지원합니다.

C와 C는 주로 통역사와 JIT 컴파일러를 구현하는 데 사용되는 JavaScript 엔진에서 중요한 역할을합니다. 1) C는 JavaScript 소스 코드를 구문 분석하고 추상 구문 트리를 생성하는 데 사용됩니다. 2) C는 바이트 코드 생성 및 실행을 담당합니다. 3) C는 JIT 컴파일러를 구현하고 런타임에 핫스팟 코드를 최적화하고 컴파일하며 JavaScript의 실행 효율을 크게 향상시킵니다.


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

SublimeText3 영어 버전
권장 사항: Win 버전, 코드 프롬프트 지원!

SecList
SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

Dreamweaver Mac版
시각적 웹 개발 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구
