event.stopPropagation() - Events , jQuery |
event.stopPropagation() เป็นการใช้ jQuery Event กับ event.stopPropagation() ป้องกันไม่ให้เหตุการณ์จาก bubbling up the DOM tree, การป้องกันการจัดการใด ๆ จาก parent handlers ได้รับแจ้งของเหตุการณ์
Syntax
1. event.stopPropagation()
Example ตัวอย่างการใช้งาน Event ของ jQuery event.stopPropagation()
EventseventstopPropagation.html

01. <html>
02. <head>
03. <title>ThaiCreate.Com jQuery Tutorials</title>
04. <style>
05. p { height: 30px; width: 150px; background-color: #ccf; }
06. div {height: 30px; width: 150px; background-color: #cfc; }
07. </style>
08. <script type= "text/javascript" src= "jquery-1.6.4.js" ></script>
09. <script type= "text/javascript" >
10. $(document).ready( function (){
11.
12. $( "p" ).click( function (event){
13. event.stopPropagation();
14.
15. });
16.
17. });
18. </script>
19. </head>
20. <body>
21.
22. <p>paragraph</p>
23.
24. </body>
25. </html>
Screenshot

คำอธิบาย (ภาษาไทย)
จากตัวอย่างเป็นการใช้ jQuery Event กับ event.stopPropagation() ในการจัดการกับ element ที่อ้างถึง
ลิ้งค์ที่ควรศึกษา
Go to : jQuery Selectors : jQuery Selectors and Element
Go to : jQuery Events : jQuery and Events
เกี่ยวกับบทความ
ส่วนหนึ่งของบทความได้เรียบเรียงและแปลจากเว็บไซต์ jQuery.Com โค้ดตัวอย่างคำสั่งนี้อยู่ภายใต้สัญญาอนุญาตของ GFDL สามารถนำโค้ดและคำสั่งใช้งานได้ฟรี สงวนลิขสิทธิ์เฉพาะคำอธิบายภาษาไทย
|
|
Total Votes: 110Overall Rating: 4.7 / 5 |
|
 |
|
|
ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท
|
|
|
By : |
ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ) |
|
Score Rating : |
   |
|
|
Create/Update Date : |
2011-09-22 21:32:56 /
2017-03-19 14:00:21 |
|
Download : |
No files |
|
Sponsored Links / Related |
|
|
|
|
|
|