យើងដឹងរួចមកហើយថា នៅពេលដែលហេតុការណ៍ណាមួយកើតមានឡើងនៅក្នុង browser វត្ថុមួយត្រូវបានបង្កើតឡើងចេញថ្នាក់ Event ជាស្វ័ួយប្រវត្តិ ហើយនៅក្នុងវត្ថុនោះ មានទិន្នន័យ (properties) និងវិធីជាច្រើន (method) ដែលយើងអាចយកមកប្រើការបានតាមសេចក្តីត្រូវការ មានដូចជាទិន្ន័យ event.target និងវិធីឈ្មោះ event.preventDefault() ជាដើម។
យ៉ាងណាម៉ិញ នៅក្នុងកម្មវិធី JS ដែលប្រើប្រាស់កញ្ចប់ jQuery ក្បួនខ្នាតនៅក្នុងវត្ថុនៃហេតុការណ៍ខាងលើ ក៏ត្រូវបានចំលងយកមកនិងកែសំរួលអោយទៅជាទិន្នន័យនិងវិធីនៃវត្ថុហេតុការណ៍របស់កញ្ចប់ jQuery ដាច់ដោយឡែកមួយផងដែរ ដែលគេអោយឈ្មោះថាជា jQuery Event Object ។ ពិនិត្យកម្មវិធីខាងក្រោមនេះ៖
នៅលើបន្ទាត់លេខ 13 នៃកម្មវិធីខាងលើនេះ មានការយកទិន្នន័យនៅក្នុងវត្ថុនៃហេតុការណ៍ jQuery Event Object មកប្រើ ដើម្បីស្រង់យកទិន្នន័យដែលជាប្រភេទនៃធាតុ HTML ដែលបានបង្កើតហេតុការណ៍ click ។
តំណរភ្ជាប់ទៅកាន់តារាងនៃទិន្នន័យនិងវិធីទាំងអស់ដែលមាននៅក្នុង jQuery Event Object ។
យ៉ាងណាម៉ិញ នៅក្នុងកម្មវិធី JS ដែលប្រើប្រាស់កញ្ចប់ jQuery ក្បួនខ្នាតនៅក្នុងវត្ថុនៃហេតុការណ៍ខាងលើ ក៏ត្រូវបានចំលងយកមកនិងកែសំរួលអោយទៅជាទិន្នន័យនិងវិធីនៃវត្ថុហេតុការណ៍របស់កញ្ចប់ jQuery ដាច់ដោយឡែកមួយផងដែរ ដែលគេអោយឈ្មោះថាជា jQuery Event Object ។ ពិនិត្យកម្មវិធីខាងក្រោមនេះ៖
<!DOCTYPE html>
<html>
<head>
</head>
<body style="font:14px/1.5 'Odor Mean Chey'">
<script>
$("input").click(function(event){
alert("ធាតុ HTML ដែលបង្កើតហេតុការណ៍មានប្រភេទជា " + event.target.type);
})
</script>
</body>
</html>
នៅលើបន្ទាត់លេខ 13 នៃកម្មវិធីខាងលើនេះ មានការយកទិន្នន័យនៅក្នុងវត្ថុនៃហេតុការណ៍ jQuery Event Object មកប្រើ ដើម្បីស្រង់យកទិន្នន័យដែលជាប្រភេទនៃធាតុ HTML ដែលបានបង្កើតហេតុការណ៍ click ។
jQuery Event Object
| Method / Property | Description |
|---|---|
| blur() | Attaches/Triggers the blur event |
| change() | Attaches/Triggers the change event |
| click() | Attaches/Triggers the click event |
| dblclick() | Attaches/Triggers the double click event |
| event.currentTarget | The current DOM element within the event bubbling phase |
| event.data | Contains the optional data passed to an event method when the current executing handler is bound |
| event.delegateTarget | Returns the element where the currently-called jQuery event handler was attached |
| event.isDefaultPrevented() | Returns whether event.preventDefault() was called for the event object |
| event.isImmediatePropagationStopped() | Returns whether event.stopImmediatePropagation() was called for the event object |
| event.target | Returns which DOM element triggered the event |
| event.type | Returns which event type was triggered |
| event.which | Returns which keyboard key or mouse button was pressed for the event |
តំណរភ្ជាប់ទៅកាន់តារាងនៃទិន្នន័យនិងវិធីទាំងអស់ដែលមាននៅក្នុង jQuery Event Object ។
