แยก double click กับ click ทีเดียวบน html + ecmascript ไม่ง่ายอย่างที่คิด

อัน code นี้เข้าไป. การทำงานของมันคือเมื่อ click ก็ให้พิมพ์ click ออกมา. ถ้า double-click ก็พิมพ์ “double click” ออกมาง่ายๆ.  ผมแอบไปหวังว่าพอ double click แล้ว event click มันก็ไม่ควรจะออกมา ไม่งั้นก็จะแยกแยะไม่ได้. แต่มันไม่เป็นงั้น เวลา double click สิ่งที่ได้คือ “click click double-click”. ก็เลยไม่ใช้ละ double click ยาก  เลี่ยงๆ ไปใช้ shift + click  ก่อนแล้วกัน ไว้ค่อยหาทางแก้ไปเรื่อยๆ.

$(document).ready(function() {
    $("#but").click(function(ev) {
        $("#watch").each(function() {
            $(this).html($(this).text() + " click");
        });
    });

    $("#but").dblclick(function(ev) {
        $("#watch").each(function() {
            $(this).html($(this).text() + " double-click");
        });
    });
});

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s