Bài viết này sẽ hướng dẫn cách thiết lập tiêu điểm tại một field của HTML bằng ngôn ngữ kịch bản JavaScript. |
Tiêu điểm sẽ giữ đối tượng sẵn sàng để làm việc. Nếu bạn mất tiêu điểu tại đối tượng(object) bạn không thể làm việc với đối tượng đó. Để đối tượng hoạt động chúng ta cần tiêu điểm(focus) trên nó. Chức năng tiêu điểu JavaScript có thể giải quyết vấn đề của chúng ta.
Nếu bạn muốn chọn văn bản và sao chép văn bản, nên tập trung vào cửa sổ. Cửa sổ có thể được tập trung bởi chức năng tập trung.
Chức năng tiêu điểm sẽ giúp tập trung gần như các loại field(trường) nhập (select, password, radio button, checkbox) và người dùng thì sẽ không cần sử dụng chuột. Chỉ cần bàn phím sẽ đủ để tập trung vào tiêu điểu của các field và gửi biểu mẫu.
Method - Phương Thức:
document.formName.fieldName.focus();
Source Code - Mã Nguồn:
<html>
<head>
<title>VN-Lives | Javascript focus.</title>
<script>
function getFocus()
{
document.frm.fieldName03.focus();
}
</script>
</head>
<body>
<form name="frm">
<input type="text" name="fieldName01" />
<input type="text" name="fieldName02" />
<input type="text" name="fieldName03" />
<input type="text" name="fieldName04" />
</form>
<script>getFocus()</script>
</body>
</html>
<head>
<title>VN-Lives | Javascript focus.</title>
<script>
function getFocus()
{
document.frm.fieldName03.focus();
}
</script>
</head>
<body>
<form name="frm">
<input type="text" name="fieldName01" />
<input type="text" name="fieldName02" />
<input type="text" name="fieldName03" />
<input type="text" name="fieldName04" />
</form>
<script>getFocus()</script>
</body>
</html>
Result - Kết Quả:
Writer: +Bui Ngoc Son
No comments:
Post a Comment