第3课 01 JS中级课程-焦点事件-1
2017-07-02 23:45
519 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>01 JS中级课程-焦点事件-1</title> <meta name="description" content=""> <meta name="keywords" content=""> <link href="" rel="stylesheet"> <script> window.onload=function(){ //1、onfocus : 当元素获取到焦点的时候触发 var oText=document.getElementById("text1") oText.onfocus=function(){ if(this.value=="请输入内容"){ this.value=""; } } //2、onblur : 当元素失去焦点的时候触发 oText.onblur=function(){ if(this.value==""){ this.value="请输入内容" } } //3、obj.focus():获取指定对象的焦点 oText.focus(); //4、obj.select() 选择指定元素里面的文本内容 var oBtn=document 4000 .getElementById("btn") oBtn.onclick=function(){ oText.select(); } } </script> </head> <body> <input type="text" id="text1" value="请输入内容" /> <input type="button" value="全选" id="btn" /> </body> </html>
相关文章推荐
- 第3课 02 JS中级课程-event-事件对象和clientX,clientY-2
- 第3课 06 JS中级课程-事件的取消-2
- 第3课 02 JS中级课程-event-事件(跟随鼠标移动的div)
- 第3课 04 JS中级课程-事件绑定的第二种形式-4
- 第3课 05 JS中级课程-事件捕获-1
- 第3课 03 JS中级课程-事件流-事件冒泡机制-3
- 第02课 01 JS中级课程-getElementsByClassName-1
- 第2课 05 JS中级课程-表单事件-5
- 第2课 07 JS中级课程-文档宽高及窗口事件-7
- div获取焦点响应事件失效及js事件委托机制
- [js点击]JavaScript之原生触摸事件详解01
- JS中级 - 03:文档宽高及窗口事件(选)
- Js先触发失去焦点事件再执行点击事件解决方法
- [js点滴]JavaScript之设备事件详解01
- JS一起学01:css复习、js基础知识、事件、参数、函数、网页换肤、if判断、className问题、浏览器执行顺序
- js实现 移动光标跟焦点事件
- js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法
- JS中级 - 01:DOM节点
- Js中级--事件捕获
- js 滚轮事件 滚轮焦点图(轮播图)