web前端|js教程
文本框,获取焦点,改变样式
web前端-js教程
功能实现:
用户在输入文字时,如果能高亮显示正在输入的那个文本框的话,会更人性化些,下面就使用jQuery来实现。
挂机联盟源码,vscode在黑框输入,ubuntu安装gpart,tomcat项目是否启动,爬虫js模拟,php 改变键值,忻州seo优化经验丰富,商城网站源码购买,单页织梦模板免费下载lzw
实现原理:
在document加载完成后(ready),添加input的focus和blur事件,并进行增加和删除样式的操作。
代码示例:
tftp 源码,vscode编码更改后显示不对,ubuntu查看mac,tomcat请求输入中文,js读取sqlite,网页设计浮动,cuteftp服务器配置使用,多多返利多级推广插件,vact前端框架,湖南爬虫店,php时间差计算,网站seo优化合同,springboot第12篇,app展示网站模板免费下载,网页 新年,织梦cms视频模板,wordpress后台添加自定义输入框,网站访问认证页面源码,超市管理系统程序代码,lpp matlab程序lzw
源码怎么学,vscode怎么查看js错误,ros安装 ubuntu,tomcat 实现原理,sqlite gbk,网页设计常用字体颜色,sql 语句调用数据库,国外服务器托管,wordpress酷炫插件,saiku前端框架,爬虫语料,php cas,湘潭seo优化,springboot编程框架,tag标签特效,网站后台点击添加图片没有反应,网页上滑加载更多,html学校网站模板,虚拟主机后台,js商品订单页面,天猫商品管理系统,c51单片机音乐盒c语言程序lzw
.redBack{}{
color:white;
background:red;
border:2px solid black;
}
$(document).ready(function(){
$(input).focus(function(){
$(this).addClass( edBack);
//alert("hello");
});
$(input).blur(function(){
$(this).removeClass( edBack);
});
});
根据测试的要求,在alert之后,要将光标定位到指定的位置。查阅之后发现:focus属性可以方便的做到。
alert(“姓名不能为空!”);
//由id定位到需要的焦点
$(“#name”).focus();
即在提示输出后,焦点回到输入项。类似的也可以加入对应的样式。能高亮显示正在输入的那个文本框的话,会更人性化些,下面就使用jQuery来实现。
在document加载完成后(ready),添加input的focus和blur事件,并进行增加和删除样式的操作。
如果觉得《jquery关于页面焦点的定位(文本框获取焦点时改变样式 )【jquery】》对你有帮助,请点赞、收藏,并留下你的观点哦!