onfocus事件,onblur事件;Focus()方法,Blur()方法
<1>
<pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript"></script>
<!-- 注意在使用$的时候须要引入Jqery-->
<!-- $("input[name='name']")-->
<script src="Jquery/jquery-1.4.1.min.js" type="text/javascript"></script> <script type="text/javascript">
function checkValue(obj) { if (obj.value == "") {
alert("长度不能为空");
obj.value = "长度不能为空";
}
} function checkGetfocus(obj) {
//将当前控件的value设为"哥获得了焦点"
obj.value = "哥获得了焦点" }
</script>
</head>
<!--当页面载入完成。usernameGetfocus文本框获得焦点-->
<body onload="$('#Getfocus').focus()"> <!--================================================================================================-->
<!--当用户点击“焦点”按钮的时候id=Getfocus文本框获得焦点-->
<input type="text" id="Getfocus" /> <!--blur()失去焦点方法-->
<input type="button" value="Getfocus失去焦点" onclick="document.getElementById('Getfocus').blur() " /> <!--focus()获得焦点方法-->
<input type="button" value="Getfocus获得焦点" onclick="document.getElementById('Getfocus').focus();" /> <!--================================================================================================--> <!--onblur失去焦点事件-->
<input type="text" name="txt1" onblur="checkValue(this)" />
<input type="text" name="txt2" onblur="checkValue(this)" />
<input type="text" name="txt3" onblur="checkValue(this)" />
<hr />
<!---------------------------------------------------------------------------------------------------->
<!--onfocus获得焦点事件-->
<!-- this就是指当前控件本身,onfocus这个事件触发后,这个事件就会调用checkGetfocus函数,在调用这个函数的时候会把当前控件本身(自己)作为參数(this)传递给处理函数checkGetfocus,-->
<input type="text" name="t1" onfocus="checkGetfocus(this)" />
<input type="text" name="t1" onfocus="checkGetfocus(this)" />
<input type="text" name="t1" onfocus="checkGetfocus(this)" />
<!--================================================================================================-->
</body>
</html>
onfocus事件,onblur事件;Focus()方法,Blur()方法的更多相关文章
- js焦点事件:onfocus、onblur、focus()、blur()、select()
焦点:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接收用户的输入只有能够响应用户操作额元素才可以接收焦点事件,比如:a button input... onfocus:当元素获 ...
- js表单的focus()与blur()方法
前段时间在多文本输入textarea中遇到点小问题,textarea在HTML是没有value属性的,但在js里的可以获取其value值. textarea禁止拉伸resize:none; (为了兼容 ...
- 真正让HTML标签、DIV、SPAN拥有onfocus和onblur,聚焦和失焦
转载:http://blog.sina.com.cn/s/blog_7dfe67db01010lnq.html 默认火狐或者其他浏览器里DIV和其他普通标签是不具有onfocus和onblur事件的, ...
- onblur事件和onfocus事件失效
先看onblur事件和onfocus事件的定义: <element onblur="SomeJavaScriptCode"> <element onfocus=& ...
- jquery easyui textbox onblur事件,textbox blur事件无效解决方案
jquery easyui textbox onblur事件,textbox blur事件无效解决方案 >>>>>>>>>>>> ...
- focus、input、keydown、keyup、change、blur方法的差异
focus.input.keydown.keyup.change.blur方法的差异: https://blog.csdn.net/yiifaa/article/details/52372022 bl ...
- jQuery 1.4版本的15个新功能(现在已经发布到jquery1.8,特别是增强版的live事件,支持 submit , change , focus 和 blur 事件)
1.jQuery()创建DOM元素:支持传参设置属性 之前,jQuery可以通过 attr 方法设置元素的属性,既可传属性的名和值,也可以是包含几组特定 属性名值对 的 对象.在 jQuery 1.4 ...
- onBlur事件与onfocus事件(js)
onFocus事件就是当光标落在文本框中时发生的事件. onBlur事件是光标失去焦点时发生的事件. 可以编如下例子 1.html <HTML><HEAD><TITL ...
- 针对focus和blur的Dom事件触发顺序
Dom事件触发顺序,拿文本框举例: 它会先触发focus事件,之后才会触发在有交点之后才能触发的一些如 click change 等事件(但如果有mousedown则先执行). 而相对于blur而言 ...
随机推荐
- 32位和64位系统下 int、char、long、double所占的内存
32位和64位系统下 int.char.long.double所占内存
- 10. InnoDB表空间加密
10. InnoDB表空间加密 InnoDB支持存储在单独表空间中的表的数据加密 .此功能为物理表空间数据文件提供静态加密. 详细信息见官方文档
- qemu-img————QEMU的磁盘管理工具
qemu-img command [command options] Command: check [-f fmt] filename # 对磁盘镜像文件进 ...
- LINUX:关于Redis集群的节点分配
文章来源:http://www.cnblogs.com/hello-tl/p/7808268.html 根据上述 Redis集群搭建:http://www.cnblogs.com/hello-tl/ ...
- python测试工具
https://wiki.python.org/moin/PythonTestingToolsTaxonomy mac pip安装 https://blog.csdn.net/ywj_486/arti ...
- LeetCode728. 自除数
自除数 是指可以被它包含的每一位数除尽的数. 例如,128 是一个自除数,因为 128 % 1 == 0,128 % 2 == 0,128 % 8 == 0. 还有,自除数不允许包含 0 . 给定上边 ...
- 创建ArrayList集合对象并添加元素
ArrayListDemo.java import java.util.ArrayList; /* * 为什么出现集合类: * 我们学习的是面向对象编程语言,而面向对象编程语言对事物的描述都是通过对象 ...
- 今年把js总结了一下,ppt格式的
本来想梳理成html,但是时间有限. 希望能够有所帮助. http://pan.baidu.com/s/1ntGAfED http://files.cnblogs.com/danghuijian/js ...
- spring的IOC和DI
https://blog.csdn.net/fuzhongmin05/article/details/55802816 (1)IOC:控制反转,把对象创建交给spring进行配置 (2)DI:依赖注入 ...
- 79. could not initialize proxy - no Session 【从零开始学Spring Boot】
[原创文章,转载请注明出处] Spring与JPA结合时,如何解决懒加载no session or session was closed!!! 实际上Spring Boot是默认是打开支持sessio ...