Sự kiện onblur trong JavaScript
Sự kiện onblur trong JavaScript mô tả trạng thái khi một thành phần trong Form bị dời khỏi. Cùng với đó là một hàm được thực thi.
Cú pháp
* Lưu ý:
Sự kiện onblur được sử dụng đối với phần tử trong Form trong văn bản HTML.
Trong JavaScript ta có thể sử dụng các hàm được xây dựng sẵn hoặc cũng có thể tự xây dựng các hàm riêng của chúng ta tùy vào mục đích sử dụng khi lập trình web.
Ví dụ:
– Tạo một Form đăng nhập trong văn bản HTML. Trong ô Tên đăng nhập: <input /> ta tạo một sự kiện onblur gọi đến hàm thoat()
– Xây dựng hàm thoat() có nội dung là xuất ra một hộp thoại alert có nội dung thông báo trường dữ liệu bị dời đi là trường Tên đăng nhập
Source by : User01
Cú pháp
onblur = "function"Trong đó: function là hàm được gọi khi có sự kiện onblur
* Lưu ý:
Sự kiện onblur được sử dụng đối với phần tử trong Form trong văn bản HTML.
Trong JavaScript ta có thể sử dụng các hàm được xây dựng sẵn hoặc cũng có thể tự xây dựng các hàm riêng của chúng ta tùy vào mục đích sử dụng khi lập trình web.
Ví dụ:
– Tạo một Form đăng nhập trong văn bản HTML. Trong ô Tên đăng nhập: <input /> ta tạo một sự kiện onblur gọi đến hàm thoat()
– Xây dựng hàm thoat() có nội dung là xuất ra một hộp thoại alert có nội dung thông báo trường dữ liệu bị dời đi là trường Tên đăng nhập
<!DOCTYPE HTML>
<html>
<head>
<script>
function thoat(){
alert("Bạn đã dời trường Tên đăng nhập!");
}
</script>
</head>
<body>
<form>
Tên đăng nhập: <input onblur="thoat();" type="text" name="username" />
Mật khẩu: <input type="password" name="pass" />
<input type="submit" value="Login" />
<input type="reset" value="Reset" />
</form>
</body>
</html>
Source by : User01
Comments
Post a Comment