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