HTML和JS中所谓的“焦点”是指什么?
焦点在HTML和JS中是只光标。
焦点在JS和HTML里是在页面上屏幕中闪动的小竖线,鼠标点击就可获得光标,Tab键可按照设置的Tabindex来进行切换焦点。
示例:
<divid="demo"></div>
<divid="test"></div>
<divid="one"></div>
<divid="two"></div>
<divid="three"></div>
<divid="fore"></div>
<divid="five"></div>
<divid="six"></div>
<script>
function$(id){
returndocument.getElementById(id);
}
$("demo").style.backgroundColor="green";
//调用方法
$("test").style.backgroundColor="blue";
$("one").style.backgroundColor="orange";
$("two").style.backgroundColor="red";
$("three").style.backgroundColor="purple";
$("fore").style.backgroundColor="#f6e71f";
$("five").style.backgroundColor="#5153ff";
$("six").style.backgroundColor="#ff1496";
//调用函数,并直接修改盒子的背景颜色
扩展资料
jquery判断input输入框的值
//输入框正在输入时
$("#ipt").on('input',function(){
if(!($('#ipt').val()=='')){
$(".cancle_ico").removeClass('hide');
}else{
$(".cancle_ico").addClass('hide');
}
})
//输入框得到焦点时
$("#ipt").on('focus',function(){
if(!($('#ipt').val()=='')){
$(".cancle_ico").removeClass('hide');
}else{
$(".cancle_ico").addClass('hide');
}
})
//输入框失去焦点时
$("#ipt").on('blur',function(){
if(($('#ipt').val()=='')){
$(".cancle_ico").addClass('hide');
}else{
$(".cancle_ico").removeClass('hide');
}
})
焦点即光标
焦点是在页面上屏幕中闪动的的小竖线,鼠标点击可获得光标,Tab键可按照设置的Tabindex切换焦点
网页元素获取光标可使用js或jQuery调用
获得焦点:
$("#id").focus();
或
$("#id").focus(fn)
失去焦点:(一般作为验证触发)
$("p").blur();
或
$("p").blur(fn)
例如:
你输入密码的时候,输入错误‘
则光标会自动跳到你输入错误的密码的密码框
会在不断的闪烁
焦点没什么难得 , 莫非就是 获取焦点和失去焦点
失去焦点就是鼠标点消失吧?
对,
2013-08-03