บทเรียนพิเศษ 33 อื่นๆที่เกี่ยวกับเมาส์

โค้ดของ "ดับเบิ๊ลคลิ๊ก..."

<center>
<b style="cursor:hand;color:green"
onDblClick="alert('คำสั่ง onDblClick ทำงานไปแล้วครับ')">
ดับเบิ๊ลคลิ๊กที่นี่สิครับ(ข้อความนี้ใช้ onDblClick)</b>
</center>

โค้ดของ "คลิ๊กเมาส์ค้าง..."

<center>
<b style="cursor:hand;color:crimson"
onMouseDown="status='คำสั่ง onMouseDown ทำงานไปแล้วครับ'"
onMouseUp="status=' ';alert('คำสั่ง onMouseUp ทำงานไปแล้วครับ')">
ดับเบิ๊ลคลิ๊กที่นี่สิครับ(ข้อความนี้ใช้ onDblClick)</b>
</center>

โค้ดของ "คลิ๊กซ้าย..."

<center>
<b style="cursor:hand;color:blue"
onClick="if(event.button==0) {alert('คุณเพิ่งคลิ๊กซ้ายไป')}">
คลิ๊กซ้ายที่นี่สิครับ (...onClick...)</b>
</center>

โค้ดของ "กดปุ่มซ้าย..."

<center>
<b style="cursor:hand;color:purple"
onMouseDown="if(event.button==1)
{alert('คุณเพิ่งกดปุ่มซ้ายบนเมาส์ไป')}">
กดปุ่มซ้ายบนเมาส์ที่นี่สิครับ (...onMouseDown...)</b>
</center>

โค้ดของ "กดปุ่มขวา..."

<center>
<b style="cursor:hand;color:purple"
onMouseDown="if(event.button==2)
{alert('คุณเพิ่งกดปุ่มขวาบนเมาส์ไป')}">
กดปุ่มขวาบนเมาส์ที่นี่สิครับ (...onMouseDown...)</b>
</center>

โค้ดของ "กดค้างไว้..."

<center>
<b style="cursor:hand;color:purple"
onMouseDown="if(event.button==3)
{alert('คุณเพิ่งกดค้างไว้ปุ่มนึง แล้วกดอีกปุ่มตาม')}">
กดค้างไว้ปุ่มนึง แล้วกดอีกปุ่มตาม</b>
</center>

โค้ดของ "หากเมาส์คุณมีปุ่มกลาง..."

<center>
<b style="cursor:hand;color:purple"
onMouseDown="if(event.button==4){alert('คุณเพิ่งกดปุ่มกลางไป')}">
หากเมาส์คุณมีปุ่มกลาง กดปุ่มกลางบนนี้สิครับ</b>
</center>

                    event.button=ตัวเลข หมายถึงปุ่มต่างๆครับ  สำหรับ onClick จะมีค่าเพียง 0   onMouseDown มีเลข 1,2,3 และ 4 ซึ่งหมายถึงปุ่มอะไร มีอธิบายไว้ในตัวอย่างแล้วนะครับ   onClick กับ onMouseDown มีความแตกต่างตรงที่ onClick รวมการกดปุ่มเมาส์และปล่อยปุ่ม แต่ onMouseDown เป็นแค่การกดเมาส์อย่างเดียว หากคุณนำโค้ดของ "กดปุ่มซ้าย..." และ "กดปุ่มขวา..." มาใช้กับคำสั่ง BODY   จะทำให้ผู้ใช้คลิ๊กในหน้าเว็บนั้นไม่ได้เลย ทั้งการคลิ๊กซ้ายเพื่อเข้า link หรือ copy ข้อความ หรือคลิ๊กขวาเพื่อ save รูป เพราะคลิ๊กไปก็เจอ alert โผล่ขึ้นมาตลอด ซึ่งผมว่าอย่าใช้แบบนั้นนะครับ(แล้วบอกวิธีไปทำไมหว่า) จะกลายเป็นเว็บที่อ่านได้อย่างเดียว (แต่หากผู้ใช้รู้มาก ไปกด View Source ก็สามารถ copy เนื้อหา และค้นหาที่อยู่(URL)ของรูปภาพ ซึ่งผู้ใช้สามารถนำไปสร้าง link ไปสู่รูปนั้นได้ ...เอ๊ะ ผมพูดเหมือนเคยทำแฮะ)

บทเรียนพิเศษ 33  อื่นๆที่เกี่ยวกับเมาส์