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

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

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

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

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

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

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

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

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