JQuery之focus函数使用介绍
今天开发中使用到了focus函数,可以用来发生点击某个按钮或者提交值错误等触发事件发生时把焦点给到某个元素。
$(selector).focus(function)
function函数可以修改成当某个元素获得焦点以后需要实现的功能。
相关推荐
-
jQuery事件绑定和委托实例
本文实例讲述了jQuery事件绑定和委托.分享给大家供大家参考.具体方法如下: jQuery事件的绑定和委托可以用多种方法实现,on() . bind() . live() . delegate() ,还有one(). 有时我们可能会像下面这样绑定一个事件: 复制代码 代码如下: $("#div1").click(function() { alert("点击后触发"); }); 上面的事件绑定,我们可以通过多种方式去实现: 1. on()
-
jQuery中click事件的定义和用法
本文实例讲述了jQuery中click事件的定义和用法.分享给大家供大家参考.具体分析如下: 当鼠标指针在匹配元素上方,然后按下并松开鼠标左键或者调用click()方法都会触发click事件. click()方法也可以绑定事件处理方法. 语法结构一: 触发click事件. 复制代码 代码如下: $(selector).click() 语法结构二: 为click事件绑定事件处理方法. 复制代码 代码如下: $(selector).click(data,function) 参数列表: 参数 描述 d
-
jquery focus(fn),blur(fn)方法实例代码
首先建一个CSS样式表 .highlight{border: 1px solid #EFA100;outline: 2px solid #FFDC97;} 然后增加如下代码 复制代码 代码如下: <script type ="text/javascript" language ="javascript"> $(document).ready(function(){ $("input[type=text]").focus(functio
-
JQuery中使用on方法绑定hover事件实例
文本教你用on方法,模拟hover方法. 代码如下: 复制代码 代码如下: $(obj).on("mouseover mouseout",function(event){ if(event.type == "mouseover"){ //鼠标悬浮 }else if(event.type == "mouseout"){ //鼠标离开 } }) 赶紧去试试吧~
-
jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后
复制代码 代码如下: setFocus=function(id){ var t=$("#"+id).val(); $("#"+id).val("").focus().val(t); } 把焦点光标移动到id的文本最后. jquery获取焦点后光标在字符串后,当input获得焦点后,自动把光标移到文本内容的最后,jQuery用focus()使文本输入框获得焦点且焦点在文字的最右的方法 复制代码 代码如下: //获取焦点后光标在字符串后 //其原理就
-
jQuery focus和blur事件的应用详解
一.需求原因在填写表单时需要实现如下效果二.具体实现 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type"content="text/htm
-
当jQuery1.7遇上focus方法的问题
jQuery中有一个focus()方法能设置对象的焦点,在1.7以下的版本中,不管对象是不是disabed状态,这个方法都不会报错(只是当disabled时,设置焦点的代码无效),但在1.7版本中,如果对象是disabled状态,这时调用focus()方法时,会直接报异常: Error: Can't move focus to the control because it is invisible, not enabled, or of a type that does not accept t
-
jQuery中click事件用法实例
本文实例讲述了jQuery中click事件用法.分享给大家供大家参考.具体分析如下: 当鼠标指针在匹配元素上方,然后按下并松开鼠标左键或者调用click()方法都会触发click事件. 一个完整的事件过程,不但要有能够触发事件的条件,而且还要有事件处理程序. 可以通过click()方法为click事件绑定事件处理程序.例如: 复制代码 代码如下: $("button").click(function(){$("div").css("color",
-
jQuery中focus事件用法实例
本文实例讲述了jQuery中focus事件用法.分享给大家供大家参考.具体分析如下: 当元素获得焦点或者调用focus()方法时候会触发focus事件. 一个完整的事件过程,不但要有能够触发事件的条件,而且还要有事件处理程序. 可以通过focus()方法为focus事件绑定事件处理程序.例如: 复制代码 代码如下: $("input").focus(function(){$(this).css("backgroundColor","red")})
-
使用jquery给input和textarea设定ie中的focus
今天在做我们的表单提交部分的时候,遇到了这个问题,于是,用传说中的jquery就可以解决了. 这里主要说的是在IE下的focus的问题,因为在firefox中是支持 复制代码 代码如下: input:focus textarea:focus 在IE下:focus是无效的,所以,我们要在点击以后给input和textarea加上新的样式以配合实现:focus效果. 我们首先来看下效果: 来看下这个效果中的JS: <script language="javascript">
随机推荐
- 在批处理文件中使用参数的方法
- sqlserver中向表中插入多行数据的insert语句
- vue 运用mock数据的示例代码
- Vue.js每天必学之计算属性computed与$watch
- php 删除记录实现代码
- js与jQuery 获取父窗、子窗的iframe
- javascript appendChild,innerHTML,join性能比较代码
- php中将html中的br换行符转换为文本输入中的换行符
- Javascript 中介者模式实例
- Bootstrap 组件之按钮(二)
- 判断浏览器的js代码
- 非html5实现js版弹球游戏示例代码
- js实现带缓动动画的导航栏效果
- javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
- 如何获取Android设备挂载的所有存储器
- Java截取特定两个标记之间的字符串实例
- 从Cocos2d-x2迁移到Cocos2d-x3的过程分享
- 四个系列低端路由器简单配置方法
- Swift实现监听键盘通知及一些处理详解
- 使用EduBlock轻松学习Python编程
