事件对象

CodeW3C อบรมออนไลน์

อบรม HTML ลำดับ
สคริปต์บนเบราเซอร์
สคริปต์บนเซิร์ฟเวอร์
อบรมเขียนโปรแกรม
อบรม XML ลำดับ
คู่มือสร้างเว็บไซต์
คู่มืออ้างอิง

ตารางวันเรียน

JS คู่มืออ้างอิง

JS คู่มืออ้างอิง (เรียงตามประเภท)
JS คู่มืออ้างอิง (เรียงตามอักษร)

JavaScript

JS Array
JS Boolean
JS Class
JS Date
JS Error
JS Global
JS JSON
JS Map
JS Math
JS ตัวเลข
JS Promise
JS RegExp
JS Set
JS String
JS วัตถุ
JS สัญญาณคำนำทาง
JS ลำดับความสำคัญของสัญญาณคำนำทาง
JS ประกาศ
JS ตัวแปรที่ประกอบด้วยอากาศ

Window

อนุปราย Window
Window Console
Window History
Window Location
Window Navigator
Window Screen

HTML DOM

HTML Document
HTML Element
HTML Attribute
HTML Event
วัตถุ Event ของ HTML
HTML Collection
HTML NodeList
HTML NodeList
HTML สไตล์

API วีบ

API Canvas
API Console
API Fetch
API ที่สำหรับแสดงหน้าที่เต็มจอ
API ที่สำหรับตำแหน่งที่ตั้ง
API History
API MediaQueryList
API การเก็บสติค
API การตรวจสอบ
API วีบ

HTML วัตถุ

<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<ins>
<input> button
<input> checkbox
<input> color
<input> date
<input> datetime
<input> datetime-local
<input> email
<input> file
<input> hidden
<input> image
<input> month
<input> number
<input> password
<input> radio
<input> range
<input> reset
<input> search
<input> submit
<input> text
<input> time
<input> url
<input> week
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<menuitem>
<meta>
<meter>
<nav>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strong>
<sub>
</a></li> <li><a href="/th/jsref/dom_obj_time.html" title="HTML DOM Time วัตถุ"><time></a></li> <li><a href="/th/jsref/dom_obj_title.html" title="HTML DOM Title วัตถุ"><title></a></li> <li><a href="/th/jsref/dom_obj_track.html" title="HTML DOM Track วัตถุ"><track></a></li> <li><a href="/th/jsref/dom_obj_u.html" title="HTML DOM Underline วัตถุ"><u></a></li> <li><a href="/th/jsref/dom_obj_ul.html" title="HTML DOM Ul วัตถุ"><ul></a></li> <li><a href="/th/jsref/dom_obj_var.html" title="HTML DOM Variable วัตถุ"><var></a></li> <li><a href="/th/jsref/dom_obj_video.html" title="HTML DOM Video วัตถุ"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/th/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration วัตถุ">CSSStyleDeclaration</a></li> <li><a href="/th/jsref/jsref_type_conversion.html" title="JavaScript การเปลี่ยนแปลงชนิด">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/th/howto/index.html" title="CodeW3C.com ตู้เทคโนโลยี">CodeW3C.com ตู้เทคโนโลยี</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>事件对象</h1> <div class="prenextnav"> <ul> <li> หน้าก่อนหน้า <a href="/th/jsref/dom_obj_event.html" title="เหตุการณ์ HTML DOM">HTML Event</a></li> <li> หน้าต่อไป <a href="/th/jsref/dom_obj_htmlcollection.html" title="HTMLCollection DOM">HTML Collection</a></li> </ul> </div> <div> <h2>事件对象</h2> <p>当 HTML 中发生事件时，该事件属于某个事件对象，例如，鼠标单击事件属于 MouseEvent 对象。</p> <p>如需更多有关事件的知识，请阅读我们的 <a href="/th/js/js_events.html" title="JavaScript กิจกรรม">JavaScript 事件教程</a>。</p> </div> <div> <h2>Event 对象</h2> <p>所有事件对象均基于 Event 对象，并继承其所有属性和方法。</p> <table class="dataintable"> <tr> <th style="width: 35%;">Event 对象</th> <th>คำอธิบาย</th> </tr> <tr> <td><a href="/th/jsref/obj_event.html" title="Event Object">Event</a></td> <td>所有事件对象的父对象。</td> </tr> </table> </div> <div> <h2>其他事件对象</h2> <p>这些是最常见的事件对象：</p> <table class="dataintable"> <tr> <th style="width: 35%;">Event 对象</th> <th>คำอธิบาย</th> </tr> <tr> <td><a href="/th/jsref/obj_animationevent.html" title="HTML DOM AnimationEvent">AnimationEvent</a></td> <td>สำหรับการเคลื่อนไหว Animation ของ CSS</td> </tr> <tr> <td><a href="/th/jsref/obj_clipboardevent.html" title="HTML DOM ClipboardEvent">ClipboardEvent</a></td> <td>สำหรับการแก้ไข Clipboard</td> </tr> <tr> <td><a href="/th/jsref/obj_dragevent.html" title="HTML DOM DragEvent">DragEvent</a></td> <td>สำหรับการสัมผัสทางขายนำ</td> </tr> <tr> <td><a href="/th/jsref/obj_focusevent.html" title="HTML DOM FocusEvent">FocusEvent</a></td> <td>สำหรับเหตุการณ์ที่เกี่ยวข้องกับโฟกัส</td> </tr> <tr> <td><a href="/th/jsref/obj_hashchangeevent.html" title="HTML DOM HashChangeEvent">HashChangeEvent</a></td> <td>สำหรับการเปลี่ยนแปลงในส่วนของ URL Anchor</td> </tr> <tr> <td><a href="/th/jsref/obj_inputevent.html" title="HTML DOM InputEvent">InputEvent</a></td> <td>สำหรับการเข้าข้อมูลของผู้ใช้</td> </tr> <tr> <td><a href="/th/jsref/obj_keyboardevent.html" title="HTML DOM KeyboardEvent">KeyboardEvent</a></td> <td>สำหรับการสัมผัสทางคีย์บอร์ด</td> </tr> <tr> <td><a href="/th/jsref/obj_mouseevent.html" title="HTML DOM MouseEvent">MouseEvent</a></td> <td>สำหรับการสัมผัสทางเมาส์</td> </tr> <tr> <td><a href="/th/jsref/obj_pagetransitionevent.html" title="HTML DOM PageTransitionEvent">PageTransitionEvent</a></td> <td>สำหรับการเนื่องจากการเลื่อนที่ไปยังหน้าเว็บหรือออกจากหน้าเว็บ</td> </tr> <tr> <td><a href="/th/jsref/obj_popstateevent.html" title="HTML DOM PopStateEvent">PopStateEvent</a></td> <td>สำหรับการเปลี่ยนแปลงในบันทึกประวัติ</td> </tr> <tr> <td><a href="/th/jsref/obj_progressevent.html" title="HTML DOM ProgressEvent">ProgressEvent</a></td> <td>สำหรับการดำเนินการโหลดทรัพยากรภายนอก</td> </tr> <tr> <td><a href="/th/jsref/obj_storageevent.html" title="HTML DOM StorageEvent">StorageEvent</a></td> <td>สำหรับการเปลี่ยนแปลงในพื้นที่เก็บข้อมูลของหน้าต่าง</td> </tr> <tr> <td><a href="/th/jsref/obj_touchevent.html" title="HTML DOM TouchEvent">TouchEvent</a></td> <td>สำหรับการสัมผัสทางสัมผัส</td> </tr> <tr> <td><a href="/th/jsref/obj_transitionevent.html" title="HTML DOM TransitionEvent">TransitionEvent</a></td> <td>สำหรับการสัมผัส CSS Transition</td> </tr> <tr> <td><a href="/th/jsref/obj_uievent.html" title="HTML DOM UiEvent">UiEvent</a></td> <td>สำหรับการสัมผัสแผงควบคุม</td> </tr> <tr> <td><a href="/th/jsref/obj_wheelevent.html" title="HTML DOM WheelEvent">WheelEvent</a></td> <td>สำหรับการสัมผัสหลอดเลื่อนเมาส์</td> </tr> </table> </div> <div class="prenextnav"> <ul> <li> หน้าก่อนหน้า <a href="/th/jsref/dom_obj_event.html" title="เหตุการณ์ HTML DOM">HTML Event</a></li> <li> หน้าต่อไป <a href="/th/jsref/dom_obj_htmlcollection.html" title="HTMLCollection DOM">HTML Collection</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> มีเครื่องมือ </center><h3> <h5 id="tools_reference"><a href="/th/jsref/index.html">คู่มืออ้างอิง JavaScript และ HTML DOM</a></h5> <h5 id="tools_example"><a href="/th/js/js_examples.html">ตัวอย่าง JavaScript</a></h5> <h5 id="tools_quiz"><a href="/th/js/js_quiz.html">การทดสอบ JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/th/js/index.html">ตัวอย่าง JavaScript</a></h5> </div> <div><h3><center> ลิงก์ผู้สนับสนุน </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> เนื้อหาที่ CodeW3C.com ให้บริการเพื่อการฝึกและทดสอบเท่านั้น ไม่ประกันความถูกต้องของเนื้อหา ภาวะที่เกิดขึ้นจากการใช้งานเนื้อหาของเว็บไซต์นี้ไม่มีความเกี่ยวข้องกับเว็บไซต์นี้ สิทธิบัตรทั้งหมด คงที่ตั้งแต่เริ่มต้น </p> <p id="p2"> <a href="/th/about/index.html" title="เกี่ยวกับ CodeW3C.com">เกี่ยวกับ CodeW3C.com</a> <a href="/th/about/about_helping.html" title="ช่วยเหลือ CodeW3C.com">ช่วยเหลือ CodeW3C.com</a> <a href="/th/about/about_use.html" title="เกี่ยวกับการใช้งาน">ข้อตกลงการใช้งาน</a> <a href="/th/about/about_privacy.html" title="เกี่ยวกับความเป็นส่วนตัว">ข้อตกลงเกี่ยวกับความเป็นส่วนตัว</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="ระบบดูแลด้วย Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>