จัดการการทริกเกอร์การแตะเพื่อค้นหา

ฟีเจอร์แตะเพื่อค้นหาเปิดตัวในเดือนมิถุนายน 2015 ใน Chrome 43 สำหรับโทรศัพท์ Android ส่วนใหญ่ เมื่อผู้ใช้แตะข้อความในหน้าใดๆ ใน Chrome ระบบจะเลือกคำพร้อมกับข้อความที่เกี่ยวข้องรอบๆ ข้อความค้นหาจะปรากฏในแถบที่ด้านล่างของหน้าจอ ซึ่งผู้ใช้จะเปิดในแผงการวางซ้อนเพื่อแสดงผลการค้นหาแบบเต็มได้

แตะเพื่อค้นหาภาพเคลื่อนไหว

การทริกเกอร์การแตะจะเปิดใช้สำหรับข้อความธรรมดาที่เลือกได้ เป็นแบบอินเทอร์แอกทีฟ หรือโฟกัสไม่ได้ เมื่อหน้าเว็บมีตัวแฮนเดิลการคลิกที่ตอบสนองต่อการแตะข้อความ ฟีเจอร์แตะเพื่อค้นหาจะตรวจจับการตอบกลับโดยอัตโนมัติและจะละเว้นการตอบกลับเนื่องจากเราทราบว่านักพัฒนาซอฟต์แวร์ตั้งใจที่จะจัดการเหตุการณ์ดังกล่าว การใช้ท่าทางสัมผัสการแตะค้างเพื่อเลือกข้อความด้วยตนเองจะเป็นการทำให้แถบ "แตะเพื่อค้นหา" ทำงานด้วย ผู้ใช้สามารถเปิดหรือปิดการใช้งานคุณลักษณะนี้ได้โดยใช้ค่ากำหนดภายใต้การตั้งค่าความเป็นส่วนตัวของ Chrome

ในฐานะผู้เขียนเว็บไซต์ มีหลายครั้งที่คุณไม่ต้องการใช้ท่าทางสัมผัสการแตะบนองค์ประกอบบางอย่างเพื่อเรียกให้ระบบทำการค้นหา เพื่อให้ Chrome ทำงานได้ตามที่ต้องการ คุณควรสร้างองค์ประกอบเหล่านี้

  1. โฟกัสได้: เพิ่มพร็อพเพอร์ตี้ tabindex=-1 ในองค์ประกอบ
  2. อินเทอร์แอกทีฟ: ใช้วิธีการมาตรฐานหลายวิธีเพื่อระบุว่าองค์ประกอบมีการโต้ตอบ ดังนี้
    • ใช้มาร์กอัปการช่วยเหลือพิเศษเพื่อระบุว่าองค์ประกอบมี iบทบาทหรือแอตทริบิวต์วิดเจ็ต ตัวอย่างเช่น องค์ประกอบที่มี role=button จะไม่ทริกเกอร์ การเพิ่มมาร์กอัปการช่วยเหลือพิเศษมีประโยชน์อีกอย่างที่ผู้ใช้ที่มีความบกพร่องทางสายตาจะเข้ามาอ่านหน้าเว็บของคุณได้มากขึ้น
    • ตัวแฮนเดิลการคลิก JavaScript ที่เรียกใช้ preventDefault() หรือดัดแปลง DOM หรือ CSS จะไม่ทริกเกอร์ "แตะเพื่อค้นหา"
  3. เลือกไม่ได้: เมื่อใช้ -webkit-user-select: none ข้อความที่เลือกไม่ได้ จะไม่ทริกเกอร์ "แตะเพื่อค้นหา" แม้จะใช้ท่าทางสัมผัสแบบแตะค้างไว้

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

  1. ตรวจสอบว่าเลือกข้อความได้โดยใช้ท่าทางสัมผัสแบบแตะค้างไว้ ถ้าข้อความเลือกได้ แต่แถบ "แตะเพื่อค้นหา" ไม่ปรากฏขึ้น ให้ตรวจสอบว่าฟีเจอร์ดังกล่าวไม่ได้ปิดใช้อยู่ในโทรศัพท์ของคุณในการตั้งค่า "แตะเพื่อค้นหา" ในส่วน "ความเป็นส่วนตัว" ใน Chrome โปรดทราบด้วยว่าอุปกรณ์ระดับล่างบางรุ่นไม่สนับสนุน "แตะเพื่อค้นหา"
  2. ถ้าแถบ "แตะเพื่อค้นหา" แสดงขึ้นเมื่อมีการเลือกข้อความ แต่ไม่ปรากฏเมื่อคุณแตะ แสดงว่ามีปัญหาในการแตะ ถ้าการทริกเกอร์เกิดขึ้นเป็นช่วงๆ นั่นอาจเป็นเพราะ ภาพเคลื่อนไหวเปิดใช้งานอย่างมีเงื่อนไขโดยเครื่องจัดการ JavaScript สำหรับองค์ประกอบนั้นๆ
  3. หากการทริกเกอร์ไม่เกิดขึ้น ให้ดูสาเหตุของทริกเกอร์ที่ระบุไว้ข้างต้น (ตรวจสอบว่าองค์ประกอบโฟกัสได้หรือโต้ตอบได้)

หากหน้าเว็บของคุณยังคงไม่ทำงานตามที่คุณต้องการ ให้รายงานข้อบกพร่องที่ crbug.com แล้วเพิ่มป้ายกำกับ Cr-UI-Browser-Mobile-TouchToSearch