หมายเหตุของผู้เขียน: ไม่มีการตอบสนองเมื่อฉันใช้เหตุการณ์ onchange วันนี้ ในที่สุด ฉันตรวจสอบข้อมูลและพบเกี่ยวกับข้อจำกัดและความไม่เสถียรของ Onchange แต่ onpropertychange สามารถนำไปใช้ได้เป็นอย่างดี โดยเฉพาะประสิทธิภาพการจับภาพแบบเรียลไทม์ซึ่งคุ้มค่าที่จะใช้ (ต้องขอบคุณประสิทธิภาพนี้ หัวหน้าสาวพอใจกับสิ่งที่ฉันสร้างไว้มาก o(∩_∩)o...)
ฉันค่อนข้างขี้เกียจเช่นกัน และฉันขี้เกียจเกินกว่าจะจัดการสิ่งที่ฉันทำ ดังนั้นฉันจึงสามารถแบ่งปันเฉพาะข้อมูลเวอร์ชันดั้งเดิมที่ฉันค้นหาเท่านั้น:
ภายใต้ IE เมื่อคุณสมบัติขององค์ประกอบ HTML เปลี่ยนแปลง จะสามารถบันทึกผ่าน onpropertychange ตัวอย่างเช่น
<ชื่ออินพุต = "text1" id = "text1" />
เมื่อแอตทริบิวต์ค่าของวัตถุได้รับการแก้ไขโดยสคริปต์ของเพจ onchange จะไม่สามารถจับภาพได้ แต่ onpropertychange สามารถจับภาพได้ (ถ่ายแบบเรียลไทม์)
กล่าวอีกนัยหนึ่ง: onpropertychange สามารถบันทึกการเปลี่ยนแปลงในค่าแอตทริบิวต์ได้ทันเวลา และ onchange จะต้องทำให้องค์ประกอบปัจจุบันสูญเสียโฟกัส (onblur) เมื่อค่าแอตทริบิวต์เปลี่ยนแปลงเพื่อเปิดใช้งานเหตุการณ์!
ชอบ:
ตัวอย่างที่ 1:
โปรดป้อนที่อยู่รูปภาพ: <input type="text" name="mytext" size="10" value="" onpropertychange="document.images['myimg'].src=this.value; /> <img รหัส ="myimg" src="/img/common/logo.gif" />
เมื่อเนื้อหาในกล่องข้อความมีการเปลี่ยนแปลง รูปภาพก็จะปรากฏขึ้นทันที และหากคุณใช้ onchange เมื่อเปลี่ยนค่า คุณจะต้องคลิกบนพื้นที่ว่างหรือที่อื่นด้วยเมาส์เพื่อทำให้องค์ประกอบอินพุตเสียโฟกัส (onblur) เพื่อเปิดใช้งานกิจกรรมและการแสดงภาพจะเปลี่ยนไป!
ตัวอย่างที่ 2:
<INPUT id="image" style="WIDTH: 448px; HEIGHT: 22px" onpropertychange="preview.src=image.value" type="file" size="55" name="File1" runat="server">
<IMG id="ตัวอย่าง" src="">
-------------------------------------------------- -------------------------------------------------- ---------------
งาน onpropertychange น่ารักมาก หลงรักตั้งแต่แรกเห็น
onChange: เหตุการณ์ที่เกิดขึ้นเมื่อองค์ประกอบปัจจุบันสูญเสียโฟกัสและเนื้อหาขององค์ประกอบเปลี่ยนแปลง [สามารถทริกเกอร์ได้ด้วยทั้งเมาส์และคีย์บอร์ด]
ดังนั้น เมื่อค่าของวัตถุถูกเปลี่ยนโดยสคริปต์ เหตุการณ์ onChange จะไม่ถูกทริกเกอร์เนื่องจากผู้ใช้ไม่ได้ขยับเมาส์หรือคีย์บอร์ด