คำถามติดแท็ก mouseevent

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

286 javascript  mouseevent  dom-events 

ฉันมีสิ่งนี้aและฉันไม่รู้ว่าฉันต้องใส่ลงใน "onmouseover" เพื่อที่เคอร์เซอร์จะเปลี่ยนเป็นตัวชี้นิ้วเหมือนลิงค์ปกติ: <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> ฉันอ่านที่ไหนสักแห่งที่ฉันต้องใส่: onmouseover="cursor: hand (a pointing hand)" แต่มันไม่ทำงานสำหรับฉัน รวมทั้งฉันไม่แน่ใจว่านี่เป็น JavaScript, CSS หรือ HTML ธรรมดา ๆ

234 html  css  mouseevent 

ฉันหวังที่จะสร้างตัวควบคุมที่ผู้ใช้สามารถคลิกภายใน div จากนั้นลากเมาส์แล้วปล่อยให้เมาส์เพื่อระบุระยะเวลาที่พวกเขาต้องการบางสิ่งบางอย่าง (นี่คือการควบคุมปฏิทินดังนั้นผู้ใช้จะแสดงความยาวในเวลาของเหตุการณ์บางอย่าง) ดูเหมือนว่าวิธีที่ดีที่สุดในการทำเช่นนี้ก็คือการลงทะเบียนเหตุการณ์ "mousedown" ใน div parent ซึ่งจะลงทะเบียนเหตุการณ์ "mousemove" บน div จนกระทั่งเหตุการณ์ "mouseup" ถูกเรียกใช้ เหตุการณ์ "mousedown" และ "mouseup" จะกำหนดการเริ่มต้นและสิ้นสุดของช่วงเวลาและเมื่อฉันติดตามเหตุการณ์ "mousemove" ฉันสามารถเปลี่ยนขนาดของช่วงแบบไดนามิกเพื่อให้ผู้ใช้สามารถเห็นสิ่งที่พวกเขากำลังทำอยู่ ฉันใช้วิธีนี้ในการสร้างกิจกรรมใน Google ปฏิทิน ปัญหาที่ฉันมีคือเหตุการณ์ jQuery ดูเหมือนว่าจะให้ข้อมูลพิกัดเมาส์ที่เชื่อถือได้เท่านั้นโดยอ้างอิงกับทั้งหน้า มีวิธีใดที่จะมองเห็นว่าพิกัดอ้างอิงกับองค์ประกอบหลักหรือไม่? แก้ไข: นี่คือภาพสิ่งที่ฉันพยายามทำ:

165 jquery  mouseevent 

jQuery .mouseover()และ.hover()ฟังก์ชันต่างกันอย่างไร หากเหมือนกันทั้งหมดทำไม jQuery จึงใช้ทั้งสองอย่าง?

112 jquery  mouseevent 

คุณจะบรรลุเหตุการณ์โฮเวอร์หรือเหตุการณ์ที่ใช้งานอยู่ใน ReactJS ได้อย่างไรเมื่อคุณจัดแต่งทรงผมแบบอินไลน์ ฉันพบว่าวิธี onMouseEnter, onMouseLeave นั้นมีปัญหาดังนั้นหวังว่าจะมีวิธีอื่นในการทำเช่นนั้น โดยเฉพาะอย่างยิ่งหากคุณวางเมาส์เหนือส่วนประกอบอย่างรวดเร็วระบบจะลงทะเบียนเฉพาะเหตุการณ์ onMouseEnter เท่านั้น onMouseLeave ไม่เคยเริ่มทำงานและทำให้ไม่สามารถอัปเดตสถานะได้ ... ปล่อยให้ส่วนประกอบปรากฏราวกับว่ายังคงถูกวางเมาส์ไว้ ฉันสังเกตเห็นสิ่งเดียวกันนี้หากคุณลองเลียนแบบ css pseudo-class ": active" หากคุณคลิกเร็วจริงเฉพาะเหตุการณ์ onMouseDown เท่านั้นที่จะลงทะเบียน เหตุการณ์ onMouseUp จะถูกละเว้น ... ปล่อยให้คอมโพเนนต์ทำงานอยู่ นี่คือ JSFiddle ที่แสดงปัญหา: https://jsfiddle.net/y9swecyu/5/ วิดีโอของ JSFiddle ที่มีปัญหา: https://vid.me/ZJEO รหัส: var Hover = React.createClass({ getInitialState: function() { return { hover: false }; }, onMouseEnterHandler: …

107 javascript  css  reactjs  mouseevent  dom-events 

เป็นไปได้หรือไม่ที่จะใช้พิกัดที่กำหนดเพื่อจำลองการคลิกใน JavaScript ภายในหน้าเว็บ

98 javascript  jquery  html  mouseevent  mouseclick-event 

ฉันต้องการเลื่อนเหตุการณ์ที่เลื่อนใน jquery ฉันกำลังอ่านจากไฟล์เมื่อผู้ใช้วางเมาส์เหนือลิงก์หรือป้ายกำกับ ฉันไม่ต้องการให้เหตุการณ์นี้เกิดขึ้นทันทีในกรณีที่ผู้ใช้เพียงแค่เลื่อนเมาส์ผ่านหน้าจอ มีวิธีชะลอไม่ให้เหตุการณ์เกิดขึ้นหรือไม่? ขอขอบคุณ. รหัสตัวอย่าง: $(function() { $('#container a').hover(function() { $('<div id="fileinfo" />').load('ReadTextFileX.aspx', {filename:'file.txt'}, function() { $(this).appendTo('#info'); } ); }, function() { $('#info').remove(); } }); }); อัปเดต: (1/14/09) หลังจากเพิ่มปลั๊กอิน HoverIntent โค้ดด้านบนถูกเปลี่ยนเป็นโค้ดต่อไปนี้เพื่อใช้งาน ใช้งานง่ายมาก $(function() { hiConfig = { sensitivity: 3, // number = sensitivity threshold (must be 1 or …

93 jquery  events  mouseevent  settimeout 

คุณสามารถเลื่อนแนวนอนหน้าสาธิตของฉันโดยการกดSpace Bar, Page Up / Page DownและLeft Arrow / Right Arrowปุ่ม คุณยังสามารถ snap scroll ด้วยเมาส์หรือแทร็กแพด แต่งานเดียวหรืองานอื่น มีวิธีการที่กิจกรรมแป้นพิมพ์และ CSS scroll snapping สามารถอยู่ร่วมกันได้หรือไม่? ฉันกำลังคิดถึงอะไร ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชมจริงๆเนื่องจากฉันได้รับการดิ้นรนกับปัญหานี้มานานกว่าหนึ่งสัปดาห์ ตรวจสอบตัวอย่างของฉันใน CodePen (โปรดยกเลิกการคอมเม้นต์โค้ด CSS ที่เกี่ยวข้องเพื่อเปิดใช้งานเอฟเฟกต์การเลื่อนเพื่อดูว่าแป้นพิมพ์ลัดหยุดทำงาน) แสดงตัวอย่างโค้ด import animate from "https://cdn.jsdelivr.net/npm/animateplus@2/animateplus.js" const sections = Array.from(document.querySelectorAll("section")).sort( (s1, s2) => { return s1.getBoundingClientRect().left - s2.getBoundingClientRect().left } ) const …

11 javascript  mouseevent  keyboard-events  scroll-snap  animateplus 

ฉันกำลังเขียนแอพ Mines ง่ายๆเพื่อช่วยให้ฉันรู้จัก SwiftUI ด้วยเหตุนี้ฉันต้องการคลิกหลัก (ปกติคือ LMB) เพื่อ "ขุด" (เปิดเผยว่ามีของฉันอยู่ที่นั่นหรือไม่) และคลิกรอง (โดยทั่วไปคือ RMB) เพื่อวางธง ฉันขุดได้แล้ว! แต่ฉันไม่สามารถหาวิธีวางธงได้เพราะฉันไม่สามารถหาวิธีตรวจจับการคลิกรองได้ นี่คือสิ่งที่ฉันพยายาม : BoardSquareView( style: self.style(for: square), model: square ) .gesture(TapGesture().modifiers(.control).onEnded(self.handleUserDidAltTap(square))) .gesture(TapGesture().onEnded(self.handleUserDidTap(square))) ดังที่ได้กล่าวไว้ก่อนหน้านี้ฟังก์ชั่นที่ส่งกลับโดยhandleUserDidTapเรียกว่าถูกต้องเมื่อคลิก แต่ฟังก์ชั่นที่ส่งกลับโดยจะถูกhandleUserDidAltTapเรียกเฉพาะเมื่อฉันกดปุ่มควบคุมค้างไว้ นั่นเป็นเหตุผลเพราะมันคือรหัสที่บอกว่า ... แต่ฉันไม่เห็น API ใดที่ทำให้ลงทะเบียนการคลิกรองดังนั้นฉันไม่รู้ว่าจะต้องทำอะไรอีก ฉันลองสิ่งนี้ด้วย แต่พฤติกรรมก็เหมือนกัน: BoardSquareView( style: self.style(for: square), model: square ) .gesture(TapGesture().modifiers(.control).onEnded(self.handleUserDidAltTap(square))) .onTapGesture(self.handleUserDidTap(square))

10 swift  event-handling  mouseevent  swiftui  right-click