Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > Client Script Forum > จะดัก event onkeyup หรือ onchange อย่างใดอย่างหนึ่งเท่านั้นได้อย่างไรครับ?

จะดัก event onkeyup หรือ onchange อย่างใดอย่างหนึ่งเท่านั้นได้อย่างไรครับ?

เริ่มหัวข้อใหม่

mr.v

โพสกระทู้ ( 4,764 )
บทความ ( 8 )

มี form input ดังนี้

Code (PHP)

<input type="number" class="input-num" onkeyup="alert('key up');" onchange="alert('changed');" />

เนื่องจากใน chrome และ firefox มันรองรับ input number มันเลยมีปุ่มเลื่อนตัวเลขขึ้นลงข้างๆ
ดังนั้นถ้าหากดักเอาแต่ onkeyup เหมือนกับ input text ทั่วไป มันจะดักไม่ได้ถ้าผู้ใช้กดปุ่มขึ้นลงข้างๆเพื่อเปลี่ยนตัวเลข
แล้วไอ้เจ้าปุ่มขึ้นลงนรกที่ว่าเนี่ยก็ปิดไปโดย css ไม่ได้เสียด้วย (ทำได้แค่ใน chrome, safari)

ด้วยเหตุนี้ผมจึงต้องดัก event onchange อีกที

ทีนี้ปัญหาตามมาคือว่า พอดัก onkeyup + onchange
เวลาพิมพ์เปลี่ยนตัวเลข มันกลายเป็น 2 event ขึ้นมา มี alert key up และ changed ขึ้นมาต่อเนื่องกันใน firefox และขึ้นมาเกือบต่อเนื่องกันใน chrome
แล้วถ้าไม่ดัก onkeyup ดักแต่ onchange
มันก็จะกลายเป็นว่าพอพิมพ์ตัวเลขแล้วต้องเอาเมาส์ไปจิ้มที่อื่นนอก input เพื่อให้เกิด event onchange ขึ้นมาซึ่งช้าเกินไป และทำให้ผู้ใช้ละเลยไปสนใจอย่างอื่นเสียก่อน

งงมั้ยครับ?
ถ้างงรบกวนลองสร้าง html ดูเล่นๆก่อน มันค่อนข้างตึ้บนิดนึง

ผมต้องการดักทั้ง onkeyup และ onchange โดยที่ไม่ให้ 2 event นี้เกิดขึ้นต่อเนื่องกัน
ต้องการให้อันใดอันหนึ่งเท่านั้น
ผู้ใช้กดปุ่มขึ้นลงเพื่อนเปลี่ยนตัวเลข event onchange ก็ทำงานไป
ผู้ใช้พิมพ์ตัวเลขลงไป event onkeyup ก็ทำงานไปแล้ว onchange ไม่ต้องทำงานอีกเมื่อเอาเมาส์คลิกนอก input
แบบนี้อะครับ จะทำยังไงได้บ้างครับ?

ขอบคุณล่วงหน้าครับ
ขอให้เจริญๆ

Tag : HTML/CSS, JavaScript, jQuery

ประวัติการแก้ไข
2014-06-17 05:49:11

Date : 2014-06-17 05:47:08

By : mr.v

View : 2422

Reply : 2

No. 1

TC Admin

โพสกระทู้ ( 74,059 )
บทความ ( 838 )

เจอปัญหานี้เหมือนกันครับ เลยใช้วิธีเขขียนเงื่อนไข if เพื่อตรวจสอบ Web Browser ครับ ถ้าเป็น Chrome ให้ทำ Event หนึ่ง แต่ถ้า IE ก็ทำอีก Event หนึ่ง

Date : 2014-06-18 08:57:22

By : mr.win

No. 2

Chaidhanan

โพสกระทู้ ( 9,590 )
บทความ ( 2 )

var check_on=false;

function both_function(){
if(check_on) return;

check_on=true;
sleep 10;
do process;

check_on=false;
}

Date : 2014-06-18 11:07:11