คำถามติดแท็ก dom-events

เป็นไปได้หรือไม่ที่จะได้ตำแหน่งของเมาส์ด้วย JavaScript หลังจากที่โหลดหน้าเว็บโดยไม่มีเหตุการณ์การเคลื่อนไหวของเมาส์ (โดยไม่เลื่อนเมาส์)?

286 javascript  mouseevent  dom-events 

ฉันต้องการให้ลิงค์นี้มีข้อความจาวาสคริปต์ที่ถามผู้ใช้“ คุณแน่ใจหรือไม่? Y / N ” <a href="delete.php?id=22">Link</a> หากผู้ใช้คลิกที่ "ใช่" ลิงค์ควรโหลดถ้า "ไม่" จะไม่มีอะไรเกิดขึ้น ฉันรู้วิธีที่จะทำในรูปแบบที่ใช้onclickเรียกใช้ฟังก์ชั่นที่ให้ผลตอบแทนหรือtrue falseแต่ฉันจะทำสิ่งนี้กับ<a>ลิงค์ได้อย่างไร

269 javascript  html  dom-events 

มีฟังก์ชั่นที่ฉันสามารถแนบเป็นเหตุการณ์คลิกของปุ่มเพื่อให้เบราว์เซอร์กลับไปยังหน้าก่อนหน้าหรือไม่? <input name="action" type="submit" value="Cancel"/>

252 javascript  html  browser  onclick  dom-events 

วิธีที่ง่ายที่สุดในการหยุดการเผยแพร่กิจกรรมเมาส์ใน Angular 2 คืออะไร ฉันควรผ่าน$eventวัตถุพิเศษและเรียกstopPropagation()ตัวเองหรือมีวิธีอื่น ตัวอย่างเช่นใน Meteor ฉันสามารถย้อนกลับfalseจากตัวจัดการเหตุการณ์

239 angular  dom-events  event-propagation 

ขณะนี้ฉันกำลังพยายามเขียน JavaScript เพื่อรับคุณลักษณะของคลาสที่ถูกคลิก ฉันรู้ว่าการทำเช่นนี้อย่างถูกต้องฉันควรใช้ฟังเหตุการณ์ รหัสของฉันเป็นดังนี้: var classname = document.getElementsByClassName("classname"); var myFunction = function() { var attribute = this.getAttribute("data-myattribute"); alert(attribute); }; classname.addEventListener('click', myFunction(), false); ฉันคาดหวังว่าจะได้รับกล่องเตือนทุกครั้งที่ฉันคลิกที่คลาสใดคลาสหนึ่งเพื่อบอกแอตทริบิวต์ให้ฉัน แต่น่าเสียดายที่นี่ไม่ได้ผล ใครช่วยได้บ้าง ( หมายเหตุ - ฉันสามารถทำได้อย่างง่ายดายjQueryแต่ฉันไม่ต้องการใช้ )

220 javascript  dom-events 

ฉันมีการเชื่อมโยงหลายมิติในหน้าของฉัน ฉันกำลังพยายามทำให้จำนวนคลิกบนไฮเปอร์ลิงก์โดยอัตโนมัติเพื่อการทดสอบ มีวิธีใดบ้างที่คุณสามารถจำลองการคลิก 50 ครั้งบนไฮเปอร์ลิงก์โดยใช้ JavaScript? <a href="#" target="_blank" onclick="javascript:Test("Test");">MSDN</a> ฉันกำลังมองหาทริกเกอร์เหตุการณ์ onClick จาก JavaScript

215 javascript  dom-events 

ฉันมีรูปแบบการป้อนข้อมูลที่ให้ฉันเลือกจากตัวเลือกหลายตัวและทำบางสิ่งเมื่อผู้ใช้เปลี่ยนการเลือก เช่น, <select onChange="javascript:doSomething();"> <option>A</option> <option>B</option> <option>C</option> </select> ตอนนี้doSomething()เพียง แต่ได้รับการเรียกเมื่อเลือกการเปลี่ยนแปลง ฉันต้องการทริกเกอร์doSomething()เมื่อผู้ใช้เลือกตัวเลือกใด ๆ อาจเป็นแบบเดียวกันอีกครั้ง ฉันได้ลองใช้ตัวจัดการ "onClick" แต่นั่นจะถูกทริกเกอร์ก่อนที่ผู้ใช้จะเริ่มกระบวนการคัดเลือก ดังนั้นมีวิธีที่จะเรียกใช้ฟังก์ชั่นในทุกการเลือกโดยผู้ใช้หรือไม่? ปรับปรุง: คำตอบที่ Darryl แนะนำดูเหมือนจะใช้ได้ แต่ก็ไม่ได้ผลอย่างสม่ำเสมอ บางครั้งกิจกรรมจะถูกเรียกใช้ทันทีที่ผู้ใช้คลิกเมนูแบบเลื่อนลงแม้กระทั่งก่อนที่ผู้ใช้จะเสร็จสิ้นกระบวนการคัดเลือก!

214 javascript  html  html-select  dom-events 

ฉันส่งค่า 2 ค่าไปยังคอมโพเนนต์ชายน์: รายการของวัตถุที่จะแสดง ฟังก์ชั่นลบ ฉันใช้ฟังก์ชั่น. map () เพื่อแสดงรายการวัตถุของฉัน (เช่นในตัวอย่างที่ให้ไว้ในหน้าการตอบสนองต่อการกวดวิชา) แต่ปุ่มในองค์ประกอบนั้นจะทำการonClickทำงานของฟังก์ชั่นในการแสดงผล รหัสของฉันมีลักษณะเช่นนี้: module.exports = React.createClass({ render: function(){ var taskNodes = this.props.todoTasks.map(function(todo){ return ( <div> {todo.task} <button type="submit" onClick={this.props.removeTaskFunction(todo)}>Submit</button> </div> ); }, this); return ( <div className="todo-task-list"> {taskNodes} </div> ); } }); คำถามของฉันคือ: เหตุใดonClickฟังก์ชั่นนี้จึงใช้ไฟในการเรนเดอร์และทำไม่ได้?

212 javascript  reactjs  button  onclick  dom-events 

มีโอกาสใดที่จะตรวจสอบการเลือกไฟล์ทุกไฟล์ที่ผู้ใช้ทำกับ HTML inputของประเภทfileองค์ประกอบหรือไม่ ก่อนหน้านี้มีการถามหลายครั้ง แต่onchangeเหตุการณ์ที่เสนอมักจะไม่เริ่มทำงานหากผู้ใช้เลือกไฟล์เดียวกันอีกครั้ง

204 javascript  html  forms  dom-events 

ทุกคนสามารถอธิบายการมอบหมายเหตุการณ์ใน JavaScript ได้หรือไม่และมีประโยชน์อย่างไร

202 javascript  event-handling  dom-events  event-delegation 

ฉันพยายามตรวจสอบตำแหน่งของแถบเลื่อนของเบราว์เซอร์ด้วย JavaScript เพื่อตัดสินใจว่ามุมมองปัจจุบันอยู่ที่ไหนในหน้า ฉันเดาว่าฉันต้องตรวจสอบตำแหน่งของนิ้วโป้งบนแทร็กแล้วความสูงของนิ้วโป้งเป็นเปอร์เซ็นต์ของความสูงทั้งหมดของแทร็ก ฉันมีความซับซ้อนเกินจริงหรือ JavaScript มีวิธีแก้ปัญหาที่ง่ายกว่านั้นหรือไม่? ความคิดใด ๆ ที่ชาญฉลาด

191 javascript  browser  scroll  dom-events 

ฉันพยายามค้นหา jQuery ที่เทียบเท่ากับการเรียกใช้เมธอด JavaScript นี้: document.addEventListener('click', select_element, true); ฉันได้รับเท่าที่: $(document).click(select_element); แต่นั่นก็ไม่ได้ผลเช่นเดียวกันกับพารามิเตอร์สุดท้ายของวิธีการจาวาสคริปต์ - บูลีนที่ระบุว่าควรจะดำเนินการตัวจัดการเหตุการณ์ในระยะการจับหรือการเดือด (ต่อความเข้าใจของฉันจากhttp://www.quirksmode.org /js/events_advanced.html ) - ถูกปล่อยออก ฉันจะระบุพารามิเตอร์นั้นหรือใช้ฟังก์ชันเดียวกันโดยใช้ jQuery ได้อย่างไร

190 javascript  jquery  events  event-handling  dom-events 

ในขณะที่กำลังทำงานเพื่อเพิ่มประสิทธิภาพสำหรับแอปเว็บโปรเกรสซีฟฉันได้พบกับคุณสมบัติใหม่Passive Event Listenersและฉันพบว่ามันยากที่จะเข้าใจแนวคิด อะไรคือPassive Event Listenersสิ่งที่จำเป็นต้องมีในโครงการของเรา

180 javascript  dom-events  event-listener  passive-event-listeners 

ใครจะจับCmdคีย์ของ Mac ผ่าน JavaScript ได้?

175 javascript  dom-events 

วิธีที่ดีที่สุดในการจำลองผู้ใช้ที่ป้อนข้อความในกล่องป้อนข้อความใน JS และ / หรือ jQuery คืออะไร? ฉันไม่ต้องการใส่ข้อความลงในกล่องป้อนข้อมูลฉันเพียงต้องการทริกเกอร์ตัวจัดการเหตุการณ์ทั้งหมดที่ปกติแล้วจะถูกทริกเกอร์โดยผู้ใช้พิมพ์ข้อมูลลงในกล่องป้อนข้อมูล ซึ่งหมายถึงโฟกัส, การกดคีย์, การกดปุ่ม, การกดปุ่มและเบลอ ฉันคิด. ดังนั้นหนึ่งจะสำเร็จสิ่งนี้ได้อย่างไร

173 javascript  jquery  dom-events