js checkbox的焦点事件onBlur和onFocus
时间:2017-03-22
本文章通过实例向大家介绍checkbox的焦点事件(失去焦点onFocus和获取焦点onBlur),需要的朋友可以参考一下。
CheckBox的焦点事件onFocus:
<html>
<form name="orderForm">
<input type="checkbox"
name="peppers">Peppers<br>
<input type="checkbox"
name="sausage"
onFocus="chooseExtraCheese()">Sausage<br>
<input type="checkbox"
name="cheese">Extra Cheese<hr>
<input type="button"
value="Order Pizza"
name="orderButton"
onClick="console.log('ordered.')">
</form>
<script language="JavaScript">
function chooseExtraCheese()
{
if(document.orderForm.sausage.checked == false)
{
document.orderForm.cheese.checked = true;
}
}
document.write("checkbox onFocus event handler: ");
document.write(document.orderForm.sausage.onFocus);
</script>
</html>
CheckBox的失去焦点事件onBlur:
<html>
<form name="orderForm">
<input type="checkbox" name="peppers" onBlur="my()">Peppers<br>
<input type="checkbox" name="sausage">Sausage<hr>
<input type="button"
value="Order Pizza"
name="orderButton"
onClick="console.log('Your pizza has been ordered.')">
</form>
<script language="JavaScript">
function my()
{
if(document.orderForm.peppers.checked == true)
{
console.log("peppers.");
}
}
</script>
</html>
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法