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');
}
})