失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > jquery关于页面焦点的定位(文本框获取焦点时改变样式 )【jquery】

jquery关于页面焦点的定位(文本框获取焦点时改变样式 )【jquery】

时间:2022-12-07 19:59:53

相关推荐

jquery关于页面焦点的定位(文本框获取焦点时改变样式 )【jquery】

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】》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。