jQuery UI API -: เลือก tabbable
หมวดหมู่
เลือก (Selectors) | หลักของ UI (UI หลัก)
การใช้
คำอธิบาย: เลือกผู้ใช้แท็บองค์ประกอบมุ่งเน้นที่สำคัญสามารถส่งผ่าน
องค์ประกอบบางอย่างที่ตัวเองจะเน้นผ่านคีย์แท็บ (tabbable) ในขณะที่องค์ประกอบอื่น ๆ ที่จำเป็นต้องตั้งค่าดัชนีแท็บบวกอย่างชัดเจน ในทั้งสองกรณีเพื่อมุ่งเน้นที่สำคัญผ่านแท็บ (tabbable) องค์ประกอบที่จะต้องมองเห็น
ต่อไปนี้ประเภทขององค์ประกอบโดยไม่ต้องมีดัชนีแท็บเชิงลบและยังไม่ได้ถูกปิดใช้งานจะเน้นที่สำคัญผ่านแท็บ (tabbable): input , select , textarea , button และ object ถ้ายึดกับ href หรือบวก tabindex แอตทริบิวต์จะเน้น (tabbable) ผ่านคีย์แท็บ area องค์ประกอบหากแผนที่ชื่อและมี href แอตทริบิวต์และมีเป็นภาพที่มองเห็นได้โดยใช้แผนที่ก็จะเน้นที่สำคัญผ่านแท็บ (tabbable) อื่น ๆ ทั้งหมดเพียงลำพังบนพื้นฐาน tabindex คุณลักษณะองค์ประกอบและการมองเห็นจะเน้นผ่านแป้น TAB (tabbable)
หมายเหตุ: แท็บองค์ประกอบที่มีค่าดัชนีลบคือ :focusable ไม่ :tabbable
ตัวอย่าง
เลือกโฟกัสคีย์แท็บผ่านองค์ประกอบและไฮไลต์ด้วยขอบสีแดง
<! Doctype html>
<html lang = "th">
<head>
<Meta charset = "UTF-8">
<title>: ตัวอย่าง tabbable เลือก </ title>
<link rel = "สไตล์ชีต" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<style>
การป้อนข้อมูล {
ชายแดน: 1px ของแข็ง # 000;
}
div {
padding: 5px;
}
</ style>
<script src = "// code.jquery.com/jquery-1.10.2.js"> </ script>
<script src = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ head>
<body>
<div> <ค่าที่ป้อน = "ไม่มี TabIndex"> </ div>
<div> <input TabIndex = "5" value = "TabIndex บวก"> </ div>
<div> <input TabIndex = "- 1" value = "TabIndex เชิงลบ"> </ div>
<script>
$ ( ": Tabbable") .css ( "ชายแดนสี", "สีแดง");
</ script>
</ body>
</ html>