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

อินเทอร์เฟซแบบสัมผัสมีข้อควรพิจารณาเฉพาะที่ใช้ไม่ได้กับโหมดอินพุตอื่น ๆ และในทางกลับกัน

30
วิธีที่ดีที่สุดในการตรวจจับอุปกรณ์ 'หน้าจอสัมผัส' โดยใช้ JavaScript คืออะไร
ฉันได้เขียนปลั๊กอิน jQuery ที่ใช้สำหรับทั้งบนเดสก์ท็อปและอุปกรณ์มือถือ ฉันสงสัยว่ามีวิธีการที่ JavaScript ตรวจสอบว่าอุปกรณ์มีความสามารถของหน้าจอสัมผัสหรือไม่ ฉันใช้ jquery-mobile.js เพื่อตรวจจับเหตุการณ์หน้าจอสัมผัสและใช้งานได้กับ iOS, Android เป็นต้น แต่ฉันต้องการเขียนคำสั่งแบบมีเงื่อนไขตามว่าอุปกรณ์ของผู้ใช้มีหน้าจอสัมผัสหรือไม่ เป็นไปได้ไหม
416 javascript  jquery  touch 

15
วิธีเพิ่มเหตุการณ์การสัมผัสไปยัง UIView
ฉันจะเพิ่มเหตุการณ์การสัมผัสลงใน UIView ได้อย่างไร ฉันลอง: UIView *headerView = [[[UIView alloc] initWithFrame:CGRectMake(0, 0, tableView.bounds.size.width, nextY)] autorelease]; [headerView addTarget:self action:@selector(myEvent:) forControlEvents:UIControlEventTouchDown]; // ERROR MESSAGE: UIView may not respond to '-addTarget:action:forControlEvents:' ฉันไม่ต้องการสร้างคลาสย่อยและเขียนทับ - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event

19
ป้องกันกล่องโต้ตอบกิจกรรม Android จากการปิดเมื่อสัมผัสภายนอก
ฉันมีกิจกรรมที่ใช้สไตล์ Theme.Dialog ว่าเป็นหน้าต่างลอยเหนือกิจกรรมอื่น อย่างไรก็ตามเมื่อฉันคลิกนอกหน้าต่างข้อความ (ในกิจกรรมพื้นหลัง) กล่องโต้ตอบจะปิดลง ฉันจะหยุดพฤติกรรมนี้ได้อย่างไร

6
พิจารณาทำเครื่องหมายตัวจัดการเหตุการณ์เป็น 'แฝง' เพื่อให้หน้าตอบสนองได้ดีขึ้น
ฉันกำลังใช้ฆ้อนสำหรับลากและมันก็เริ่มขาดหายไปเมื่อโหลดสิ่งอื่น ๆ เนื่องจากข้อความเตือนนี้บอกฉัน การจัดการกิจกรรมอินพุต 'touchstart' ล่าช้าสำหรับ X ms เนื่องจากเธรดหลักไม่ว่าง พิจารณาทำเครื่องหมายตัวจัดการเหตุการณ์เป็น 'แฝง' เพื่อให้หน้าตอบสนองได้ดีขึ้น ดังนั้นฉันจึงพยายามเพิ่ม 'passive' ให้กับผู้ฟังเช่นนั้น Hammer(element[0]).on("touchstart", function(ev) { // stuff }, { passive: true }); แต่ฉันยังคงได้รับคำเตือนนี้

11
android: เลื่อนมุมมองเมื่อย้ายแบบสัมผัส (ACTION_MOVE)
ฉันต้องการควบคุมง่าย ๆ : คอนเทนเนอร์ที่มีมุมมองอยู่ข้างใน ถ้าฉันแตะที่ภาชนะและเลื่อนนิ้วฉันต้องการเลื่อนมุมมองเพื่อติดตามนิ้วของฉัน ฉันควรใช้คอนเทนเนอร์ (เลย์เอาต์) ชนิดใด ทำอย่างไร ฉันไม่จำเป็นต้องใช้พื้นผิว แต่เป็นโครงร่างที่เรียบง่าย
177 android  touch 

15
วิธีลบ / ละเว้น: วางเมาส์เหนือสไตล์ css บนอุปกรณ์สัมผัส
ฉันต้องการเพิกเฉยต่อ:hoverการประกาศ CSS ทั้งหมดหากผู้ใช้เยี่ยมชมเว็บไซต์ของเราผ่านอุปกรณ์สัมผัส เนื่องจาก:hoverCSS ไม่สมเหตุสมผลและยังอาจรบกวนได้หากแท็บเล็ตทริกเกอร์เมื่อคลิก / แตะเพราะอาจติดค้างจนองค์ประกอบสูญเสียโฟกัส พูดตามตรงฉันไม่รู้ว่าทำไมอุปกรณ์ระบบสัมผัสจึงรู้สึกว่าจำเป็นต้องกระตุ้น:hoverตั้งแต่แรก - แต่นี่คือความจริงดังนั้นปัญหานี้ก็เป็นความจริงเช่นกัน a:hover { color:blue; border-color:green; // etc. > ignore all at once for touch devices } ดังนั้น (วิธี) ฉันจะลบ / เพิกเฉยต่อ:hoverการประกาศCSS ทั้งหมดในครั้งเดียว (โดยไม่ต้องรู้แต่ละรายการ) สำหรับอุปกรณ์สัมผัสหลังจากที่มีการประกาศ
152 html  css  hover  touch 

24
ตรวจพบว่าเบราว์เซอร์ไม่มีเมาส์และเป็นแบบสัมผัสเท่านั้น
ฉันกำลังพัฒนาเว็บแอพ (ไม่ใช่เว็บไซต์ที่มีหน้าข้อความที่น่าสนใจ) พร้อมอินเทอร์เฟซสำหรับการสัมผัสที่แตกต่างกันมาก (นิ้วของคุณซ่อนหน้าจอเมื่อคุณคลิก) และเมาส์ (อาศัยการแสดงตัวอย่างแบบโฮเวอร์มาก) ฉันจะตรวจสอบได้อย่างไรว่าผู้ใช้ของฉันไม่มีเมาส์ที่จะนำเสนออินเตอร์เฟซที่ถูกต้องกับเขา ฉันวางแผนที่จะออกจากสวิตช์สำหรับผู้ที่มีทั้งเมาส์และสัมผัส (เช่นสมุดบันทึกบางส่วน) ความสามารถในการแตะเหตุการณ์ในเบราว์เซอร์ไม่ได้หมายความว่าผู้ใช้กำลังใช้อุปกรณ์สัมผัส (ตัวอย่างเช่น Modernizr ไม่ได้ตัด) รหัสที่ตอบคำถามอย่างถูกต้องควรกลับเท็จถ้าอุปกรณ์มีเม้าส์จริง สำหรับอุปกรณ์ที่มีเม้าส์และการสัมผัสมันควรจะกลับเท็จ (ไม่ได้สัมผัสเท่านั้น) ในฐานะที่เป็นหมายเหตุด้านข้างอินเทอร์เฟซระบบสัมผัสของฉันอาจเหมาะสำหรับอุปกรณ์ที่มีคีย์บอร์ดเท่านั้นดังนั้นจึงไม่มีเมาส์ที่ฉันต้องการตรวจจับ หากต้องการให้ชัดเจนยิ่งขึ้นนี่คือ API ที่ฉันต้องการใช้: // Level 1 // The current answers provide a way to do that. hasTouch(); // Returns true if a mouse is expected. // Note: as explained by the OP, this …
149 javascript  html  touch  mouse 

13
iOS - ส่งต่อทุกสัมผัสผ่านมุมมอง
ฉันมีมุมมองที่ซ้อนทับอยู่ด้านบนของมุมมองอื่น ๆ ฉันใช้เพียงการใช้ค่าที่เกินจริงเพื่อตรวจจับจำนวนการสัมผัสบนหน้าจอ แต่นอกเหนือจากนั้นฉันไม่ต้องการให้มุมมองหยุดพฤติกรรมของมุมมองอื่น ๆ ที่อยู่ด้านล่างซึ่งก็คือมุมมองแบบเลื่อนเป็นต้นฉันจะส่งต่อการสัมผัสทั้งหมดผ่านได้อย่างไร มุมมองภาพซ้อนทับนี้? มันเป็นส่วนย่อยของ UIView
145 events  uiview  touch 

27
วิธีการป้องกันเอฟเฟกต์โฮเวอร์แบบเหนียวสำหรับปุ่มบนอุปกรณ์ระบบสัมผัส
ฉันได้สร้างม้าหมุนที่มีปุ่มก่อนหน้าและปุ่มถัดไปที่สามารถมองเห็นได้เสมอ ปุ่มเหล่านี้มีสถานะโฮเวอร์พวกเขาเปลี่ยนเป็นสีน้ำเงิน บนอุปกรณ์ระบบสัมผัสเช่น iPad สถานะโฮเวอร์จะเหนียวดังนั้นปุ่มจะยังคงเป็นสีฟ้าหลังจากแตะ ฉันไม่ต้องการสิ่งนั้น ฉันสามารถเพิ่มno-hoverคลาสontouchendสำหรับแต่ละปุ่มและทำให้ CSS เป็นแบบนี้: button:not(.no-hover):hover { background-color: blue; }แต่มันอาจจะไม่ดีสำหรับประสิทธิภาพและไม่ได้จัดการอุปกรณ์เช่น Chromebook Pixel (ซึ่งมีทั้งหน้าจอสัมผัสและเมาส์) อย่างถูกต้อง ฉันสามารถเพิ่มtouchคลาสให้กับdocumentElementและทำให้ CSS ของฉันเป็นแบบนี้: html:not(.touch) button:hover { background-color: blue; }แต่มันก็ไม่ทำงานบนอุปกรณ์ที่มีทั้งการสัมผัสและเมาส์ ontouchendสิ่งที่ผมต้องการคือการเอารัฐเลื่อน แต่ดูเหมือนว่าจะเป็นไปไม่ได้ การมุ่งเน้นองค์ประกอบอื่นไม่ได้ลบสถานะโฮเวอร์ การแตะองค์ประกอบอื่นด้วยตนเองทำได้ แต่ฉันไม่สามารถเรียกใช้งานได้ใน JavaScript การแก้ปัญหาทั้งหมดที่ฉันพบดูเหมือนไม่สมบูรณ์ มีวิธีแก้ไขปัญหาที่สมบูรณ์แบบหรือไม่
144 javascript  css  hover  touch 

8
ผูกหลายเหตุการณ์กับผู้ฟัง (โดยไม่มี JQuery)?
ในขณะที่ทำงานกับกิจกรรมของเบราว์เซอร์ฉันได้เริ่มรวมการทำงานของ touchEvents ของ Safari เข้ากับอุปกรณ์มือถือ ฉันพบว่าaddEventListeners กำลังซ้อนกับเงื่อนไข โครงการนี้ไม่สามารถใช้ JQuery ผู้ฟังเหตุการณ์มาตรฐาน: /* option 1 */ window.addEventListener('mousemove', this.mouseMoveHandler, false); window.addEventListener('touchmove', this.mouseMoveHandler, false); /* option 2, only enables the required event */ var isTouchEnabled = window.Touch || false; window.addEventListener(isTouchEnabled ? 'touchmove' : 'mousemove', this.mouseMoveHandler, false); JQuery's bindอนุญาตให้มีหลายเหตุการณ์เช่น: $(window).bind('mousemove touchmove', function(e) { //do something; …

10
การสืบค้นสื่อเพื่อตรวจสอบว่าอุปกรณ์เป็นหน้าจอสัมผัสหรือไม่
วิธีใดที่ปลอดภัยที่สุดโดยใช้การสืบค้นสื่อเพื่อให้บางสิ่งเกิดขึ้นเมื่อไม่ได้อยู่บนอุปกรณ์หน้าจอสัมผัส หากไม่มีวิธีใดคุณแนะนำให้ใช้โซลูชัน JavaScript เช่น!window.Touchหรือ Modernizr หรือไม่
122 css  touch  media-queries 

14
ฉันจะจำลองโฮเวอร์ด้วยเบราว์เซอร์ที่เปิดใช้งาน Touch in Touch ได้อย่างไร
ด้วย HTML บางอย่างเช่นนี้: <p>Some Text</p> จากนั้น CSS บางส่วนเช่นนี้: p { color:black; } p:hover { color:red; } ฉันจะอนุญาตให้อุปกรณ์ที่เปิดใช้งานระบบสัมผัสเป็นเวลานานเพื่อจำลองโฮเวอร์ซ้ำได้อย่างไร ฉันสามารถเปลี่ยนมาร์กอัป / ใช้ JS ฯลฯ ได้ แต่คิดวิธีง่ายๆในการทำเช่นนี้ไม่ได้
120 javascript  html  css  hover  touch 

5
Javascript ลากและวางสำหรับอุปกรณ์ระบบสัมผัส [ปิด]
ตามที่กล่าวไว้ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา ฉันกำลังมองหาปลั๊กอินลากและวางที่ใช้งานได้กับอุปกรณ์ระบบสัมผัส ฉันต้องการฟังก์ชันที่คล้ายกันกับปลั๊กอิน jQuery UIซึ่งช่วยให้องค์ประกอบ "droppable" jqtouch ปลั๊กอินสนับสนุนการลาก แต่ไม่ลดลง นี่คือการลากและวางที่รองรับเฉพาะ iPhone / iPad ใครช่วยชี้ทิศทางของปลั๊กอินลากและวางที่ทำงานบน Android / iOS ได้ไหม ... หรืออาจเป็นไปได้ที่จะอัปเดตปลั๊กอิน jqtouch เพื่อความสามารถในการถ่ายโอนข้อมูลมันทำงานบน Andriod และ IOS แล้ว ขอบคุณ!

3
jquery-ui เรียงลำดับได้ | วิธีทำให้มันทำงานบน iPad / touchdevices?
ฉันจะทำให้คุณสมบัติการจัดเรียง jQuery-UI ทำงานบน iPad และอุปกรณ์ระบบสัมผัสอื่น ๆ ได้อย่างไร http://jqueryui.com/demos/sortable/ ผมพยายามที่จะใช้event.preventDefault();, event.cancelBubble=true;และevent.stopPropagation();ด้วยtouchmoveและscrollเหตุการณ์ที่เกิดขึ้น แต่ผลที่ได้ก็คือว่าหน้าไม่เลื่อนได้อีกต่อไป ความคิดใด ๆ ?

6
วาดใน Canvas ด้วยนิ้วมือ Android
ฉันต้องการสร้างโครงการสำหรับวาดภาพบนผืนผ้าใบด้วยนิ้วมือ เพื่อรับเหตุการณ์สัมผัสและเหตุการณ์การเคลื่อนไหวของนิ้วของฉันจากนั้นจึงวาด มีใครสามารถแนะนำวิธีการเริ่มต้นโครงการ และองค์ประกอบที่ดีที่สุดในการทำสิ่งนี้คืออะไร?

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.