jquery,将焦点设置在第一个启用的输入上或在页面上选择或textarea - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

【译】W3C WAI-ARIA最佳实践 -- 布局

Control + End (可选地): 将焦点移动到最后一行的最后一个单元格。 NOTE 当使用以上网格键移动焦点时，根据单元格内容，决定焦点是否设置在单元格内的元素上或网格单元格上。...如果输入框是个单行文本框，连续按 Enter ，会重置网格导航功能，或移动焦点到附近单元格的输入框中。如果单元格包含一个或多个组件，将焦点放置在第一个组件上。...F2: 如果单元格包含可编辑的内容，则会将焦点放在输入字段中，例如 textbox。随后按下 F2 恢复网格导航功能。如果单元格包含一个或多个组件，将焦点放置在第一个组件上。...如果必须使用，只能包含一个这样的控件且让其作为最后一个元素。当且仅当组合中包含三个或三个以上的控件时，才能使用工具栏作为分组元素。键盘交互当工具栏获取焦点时，焦点被设置在第一个可用控件上。...（译者注：一般情况下，屏幕阅读器用户会使用Tab快速浏览页面上的内容，顺序为从上到下、从左到右，此时，若工具栏获取焦点，则将焦点设置在第一个可聚焦的元素上，若使用 Shift + tab 反向浏览，若工具栏获取焦点

7.6K5 0

jQuery中常用的函数和属性详细解析

在每个页面中可以有很多个函数被加载执行，按照fn的顺序来执行。...trigger( type, [data] ) 在每一个匹配的元素上触发某类事件。...事件描述，支持元素或对象 focus( ) 元素获得焦点 a, input, textarea, button, select, label, map, area blur( ) 元素失去焦点 a, input...input, textarea, select change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。...") 匹配父元素的唯一1个子元素表单元素选择器 $(":input") 匹配所有的表单输入元素，包括所有类型的input, textarea, select 和 button $(":text") 匹配所有类型为

3.3K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

【前端】Web前端学习笔记【1】

针对表单元素，jQuery还有一组特殊的选择器： :input：可以选择，textarea>，和； :file：可以选择<input type="file...； :focus：可以选择当前输入焦点的元素，例如把光标放到一个上，用$('input:focus')就可以选出； :checked：选择当前勾上的单选框和复选框，用这个选择器可以立刻获得用户选择的项目...键盘事件键盘事件仅作用在当前焦点的DOM上，通常是和textarea>。 keydown：键盘按下时触发； keyup：键盘松开时触发； keypress：按一次键后触发。...其他事件 focus：当DOM获得焦点时触发； blur：当DOM失去焦点时触发； change：当、或textarea>的内容改变时触发； submit：当...如果有多个脚本，执行属性也许跟它们在源代码中的顺序不一致，取决于哪个先加载完成 - 不设置async，设置defer 页面解析后执行脚本，脚本的执行顺序确定 - 不设置async和defer

6599 0

validationEngine参数详解

对 jquery.validationEngine.js 文件进行修改，修改如下： 1.将 312 行的 field.focus(); 注释掉，当有输入控件在 Table 内部时，验证会导致回到顶部的现象...scroll true 屏幕自动滚动到第一个验证不通过的位置 focusFirstField true 验证未通过时，是否给第一个不通过的控件获取焦点 promptPosition “topRight”...例如 validationEventTrigger 设为空，或 bindMethod 设为 live isOverflown false 表单是否在溢出滚动的元素内（即外部元素设置了 overflow:...scroll） PS：设置为 ture 后，提示内容的插入位置将更改为在验证的控件之前插入；　　此时需要在控件外层再套一个元素，并设置 class=”inputContainer” overflownDIV...“” 设置了溢出滚动的元素，格式为 jQuery 的选择器。

3.4K2 0

jQuery中的常用内容总结(二)

)，恍惚之间时间已经从身边流走~，好难过≡(▔﹏▔)≡；所以，我决定这次不管熬夜到几点都要把本节和第三节内容全部写完~ 内容提要 ---- 选择器(上一节) 选择器的扩展方法(上一节) 节点的CSS操作及节点其他操作...实际使用中这两种请求并没有明显的区别(是否幂等可以忽略不计);另外以上两种请求的方法的参数数量或返回参数的数量可能与jQuery完整写法不一致，对于这个问题，我的解释是:在js中，方法调用和方法申明这两者之中前者的参数可以少于后者的参数数量...~，遂，大家不要介意哈（●´∀｀）~ B>事件　jQuery事件是在开发中几乎是每天都会有，这里先給大家列举下主要的几个事件-> bind():匹配的dom元素附加一个或多事件处理器，多个事件需使用空格隔开...上图中 id为p2的dom是用jQuery插入的，然后绑定的一个点击事件和一个鼠标移开事件，当然(•‾̑⌣‾̑•)✧˖°只有在dom存在的时候才会执行绑定的事件，也就是将这两个事件归一(用统一的函数处理这些事件...~ 　　　　第三种弹框是一种单选性质的弹框，使用的是confirm，同样也是需要将这个对象赋给一个变量才可获取到true 或 false 嘿~ 　　　　第四种弹框使用的是一个完整的html页面(需要window.open

1.7K11 0

02-老马jQuery教程-jQuery事件处理

它发生在当前获得焦点的元素上。注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。...它发生在当前获得焦点的元素上。不过，与 keydown 事件不同，每插入一个字符，就会发生 keypress 事件。注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。...使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）在选择元素上绑定一个或多个事件的事件处理函数。...说明：在选择元素上绑定一个或多个事件的事件处理函数。...(off) 语法：off(events,[selector],[fn]) 如果一个简单的事件名称，比如提供"click"，所有这种类型的事件（包括直接和委派）从jQuery设置的元素上删除。

3.2K8 0

前端架构师之01_JQuery

2.2.8 表单选择器选择器功能描述 :input 获取页面中的所有表单元素，包含以及textarea>元素 :text 选取页面中的所有文本框 :password 选取所有的密码框...2.5 元素样式元素样式操作是指获取或设置元素的style属性。在jQuery中，可以很方便的设置元素的样式、位置、尺寸等属性。例如，通过css()方法可以设置背景色。...,function) 在父元素上检测子元素失去焦点的情况表单事件 select([[data],function]) 当文本框（包括和textarea>）中的文本被选中时触发表单事件...设置焦点图的外边框的宽度以及超出隐藏，限定其只能显示一张图片。切换到下一张时，只需要修改焦点图外层样式中的left值，就可以将焦点图整体向左移动，从而显示第2张图片。...7.3 jQuery UI jQuery UI是在jQuery基础上新增的一个库。特点：拥有强大的可扩展功能，具有吸引人的漂亮页面，能够更轻松地在网页中添加专业级的UI元素。

1.7K0 0

JQuery 入门学习(二)

web前端 Jquery 时隔几天，天气依旧炎热，不过坐在空调房里的我一点也感觉不到~(笑)。我的事也在稳步进行着，这个下午继续我上一篇的Jquery。 ...f=html_basic 上运行查看效果 ) 选择器详解和css语法上次简单地说了选择器，只提到了一个id选择器，选择id=xxx的某元素。...说明 Jquery选择器选择的元素举例类似的css语法选择第一个id=xxx的元素 $("#main") #main { } 选择所有class=xxx...、修改、删除文字时触发此事件） focus 对象获得焦点（如光标进入textarea框触发此事件） blur 对象失去焦点（与focus事件相对） ...attr("width","500"); 将所有table元素的属性设置为宽度等于500px val() var pass = $(":password").val(); 获得密码框中的值(val()方法一般作为获取

1.5K1 0

JQuery最全常用方法指南

事件描述支持元素或对象 blur() 元素失去焦点 a, input, textarea, button, select, label, map, area change() 用户改变域的内容...: only - child”) 匹配父元素的唯一1个子元素表单元素选择器 $(”: input”) 匹配所有的表单输入元素，包括所有类型的input, textarea, select 和 button...，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。...当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。 //当鼠标放在表格的某行上时将class置为over，离开时置为out。...使用jquery中的jQuery.noConflict(); 方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。

12.3K3 1

javaWeb核心技术第五篇之jQuery

/js/jquery-1.11.0.min.js">" - 语法 - $("选择器") 或 jQuery("选择器") "var 元素对象...select textarea button" - input select textarea button - jQuery的DOM操作 - jQuery效果: - 基本...("属性值"):切换 */ /* 回顾: jQuery:js类库(js框架)对js进行封装,本质上就是外部的js文件....jQuery和html整合: 1.下载 2.通过script标签的src属性引入即可(1.11) jQuery语法: $("选择器"); 或 jQuery("选择器"); jq对象和...需求分析: 当点击不同的按钮时,根据按钮的需求将左边或右边的option插入到对面的下拉选中.

8.6K1 0

JavaScript学习笔记（四）—— jQuery入门

简单伪类选择器伪类选择器说明 :not(selector) 选择除了某个选择器之外的所有元素 :first或first() 选择某元素的第一个元素 :last或last() 选择某元素的最后一个元素...、textarea :focus 选择获取焦点的元素，一般用于input、textarea $("input").on("click", function () {...");//设置HTML内容 }); }); 对元素的值进行操作在jQuery中，使用val()方法返回或设置被选元素的value属性。...jQuery提供了attr()方法对元素的属性进行设置或返回的操作。...绑定与接触事件绑定事件绑定事件就是将页面中的元素事件类型与其在收到该事件之后期望进行的操作联系到一起。

11.8K5 0

21.jQuery

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。...匹配当前获取焦点的元素 :root 选择该文档的根元素 :targe 选择由文档URI的格式化识别码表示的目标元素属性选择器 1...筛选出与指定表达式匹配的元素集合 is 根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true map...()//当按下鼠标时触发事件 $("button").mouseup() //元素上放松鼠标按钮时触发事件 $("p").mousemove() //当鼠标指针在指定的元素中移动时触发事件 $...//当键盘或按钮被按下时触发事件 $(window).keypress() //当键盘或按钮被按下时触发事件,每输入一个字符都触发一次 $("input").keyup() //当按钮被松开时触发事件

3.3K9 0

02-老马jQuery教程-jQuery事件处理

它发生在当前获得焦点的元素上。注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。...它发生在当前获得焦点的元素上。不过，与 keydown 事件不同，每插入一个字符，就会发生 keypress 事件。注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。...构造函数传入选择器，返回的是一个jQuery的包装对象 // 大部分的api都是在jQuery包装对象上 // console.dir($inputArray); $inputArray.focus...使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）在选择元素上绑定一个或多个事件的事件处理函数。...事件 // 2、可以接受一个字符串作为选择器进行选择页面中元素，返回jQuery包装对象。

7K0 0

jQuery 教程

:checkbox选择所有得可取块的元素。 :checked选择所有选中的元素。 :disabled选择所有被禁用的元素。 :enabled选择所有已启用的元素。...:input选择所有input、textarea、select和button元素。 :password选择所有密码类型的元素。 :radio选择所有选项按钮的元素。...:reset选择所有清除按钮（复位按钮）的元素。 :selected选择所有选中的元素。 :submit选择所有提交类型的元素。 :text选择所有文本输入框的元素。...页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。实例：在元素上移动鼠标。...undelegate() 从现在或未来的被选元素上移除事件处理程序 unload() 在版本 1.8 中被废弃。

19.1K2 0

JavaScript 编程精解中文第三版十八、HTTP 和表单

JavaScript 可以在页面载入完成时将焦点放到这些字段上，HTML 提供了autofocus属性，可以实现相同的效果，并让浏览器知道我们正在尝试实现的事情。...在一个form拥有焦点时，点击enter键也会有同样的效果。通常在提交一个表单时，浏览器会将页面导航到form的action属性指明的页面，使用GET或POST请求。...页面也可能包含表单，这些表单允许在提交表单时，用户输入的信息发送为新页面的请求。 HTML可以表示多种表单字段，例如文本字段、选择框、多选字段和文件选取。...例如"value"（用于文本和选择字段）或"checked"（用于复选框和单选按钮）的属性，用于读取或设置字段的内容。...将函数的返回值或其引发的任何错误转换为字符串，并将其显示在文本字段下。

4.6K2 0

JavaScript(十三)

HTML 的 method 特性 submit(): 提交表单 reset(): 将所有表单域重置为默认值提交表单使用 input 或 button 都可以定义提交按钮，只要将其 type 特性的值设置为...在支持这个属性的浏览器中，只要设置这个属性，不用 JavaScript 就能自动把焦点移动到相应字段。...共有的表单字段事件所有表单字段都支持下列 3 个事件: blur: 当前字段失去焦点时触发 focus: 当前字段获得焦点时触发 change: 对于 input 和 textarea 元素，在它们失去焦点且...不要使用 setAttribute() 设置 input 元素的 value 特性，也不要去修改 textarea 元素的第一个子节点。...属性将依据前两条规则取得第一个选中项的值

4.5K2 0

day40_jQuery学习笔记_01

由美国人 John Resig 在2006年1月发布 jQuery 是免费、开源的 jQuery 的分类： WEB版本：我们主要学习研究用的 UI版本：集成了UI组件，做图形化页面的 mobile版本...、使用Ajax以及其他功能 jQuery能够使用户的html页面保持代码和html内容分离不用再在html里面插入一堆js来调用命令了，只需要定义id即可 jQuery提供API让开发者编写插件，有许多成熟的插件可供选择... = function() {......}; // 在jQuery 中页面是通过加载 $(document).ready(function() {......}); ...示例动图如下： 3.3、基本过滤选择器过滤选择器格式 “:关键字” 详解如下： :first 获取第一个元素（因为jQuery对象的内部是一个数组） :last ...获得或设置宽度示例代码如下：　　demo.html <!

6.9K2 0

jQuery中的常用内容总结(二)

实际使用中这两种请求并没有明显的区别(是否幂等可以忽略不计);另外以上两种请求的方法的参数数量或返回参数的数量可能与jQuery完整写法不一致，对于这个问题，我的解释是:在js中，方法调用和方法申明这两者之中前者的参数可以少于后者的参数数量...~，遂，大家不要介意哈（●´∀｀）~ B>事件　jQuery事件是在开发中几乎是每天都会有，这里先給大家列举下主要的几个事件-> bind():匹配的dom元素附加一个或多事件处理器，多个事件需使用空格隔开...事件 mousemove():鼠标指针在dom中移动事件 mouseout():鼠标指针从dom上移开事件 mouseover():鼠标指针位于元素上方事件 mouseup():鼠标在dom上松开事件...上图中 id为p2的dom是用jQuery插入的，然后绑定的一个点击事件和一个鼠标移开事件，当然(•‾̑⌣‾̑•)✧˖°只有在dom存在的时候才会执行绑定的事件，也就是将这两个事件归一(用统一的函数处理这些事件...~ 　　　　第三种弹框是一种单选性质的弹框，使用的是confirm，同样也是需要将这个对象赋给一个变量才可获取到true 或 false 嘿~ 　　　　第四种弹框使用的是一个完整的html页面(需要window.open

3.1K4 0

表单脚本

，那么在相应表单控件拥有焦点的情况下，按回车键就可以提交表单。...（textarea除外，在文本区中回车会换行）。如果表单没有提交按钮，安回车键不会提交表单。注意，通过上述方式提交表单，浏览器会在将请求发送给服务器之前触发submit事件。...()之前或之后立即将焦点设置到文本框。...textbox.focus(); } 部分选择文本的技术在实现高级文本输入框时很有用，例如提供自动完成建议的文本框就可以使用这种技术。...// 将第一个选择框中的第一个选项移动到第二个选择框中 var selectbox1 = document.getElementById("selLocations1"), selectbox2

5.7K4 1

jQuery中的常用内容总结(二)

实际使用中这两种请求并没有明显的区别(是否幂等可以忽略不计);另外以上两种请求的方法的参数数量或返回参数的数量可能与jQuery完整写法不一致，对于这个问题，我的解释是:在js中，方法调用和方法申明这两者之中前者的参数可以少于后者的参数数量...~，遂，大家不要介意哈（●´∀｀）~ B>事件　jQuery事件是在开发中几乎是每天都会有，这里先給大家列举下主要的几个事件-> bind():匹配的dom元素附加一个或多事件处理器，多个事件需使用空格隔开...事件 mousemove():鼠标指针在dom中移动事件 mouseout():鼠标指针从dom上移开事件 mouseover():鼠标指针位于元素上方事件 mouseup():鼠标在dom上松开事件...上图中 id为p2的dom是用jQuery插入的，然后绑定的一个点击事件和一个鼠标移开事件，当然(•‾̑⌣‾̑•)✧˖°只有在dom存在的时候才会执行绑定的事件，也就是将这两个事件归一(用统一的函数处理这些事件...~ 　　　　第三种弹框是一种单选性质的弹框，使用的是confirm，同样也是需要将这个对象赋给一个变量才可获取到true 或 false 嘿~ 　　　　第四种弹框使用的是一个完整的html页面(需要window.open

1.4K3 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭