当某个文本框成为焦点时即清除文本框内容


Posted in Javascript onApril 28, 2014
<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>成为焦点时清除文本框内容</title> 
<script> 
window.onload = initAll; function initAll(){ 
var clearText = document.getElementsByTagName("input"); 
for (var i=0; i<clearText.length; i++){ 
clearText[i].onfocus = function ( ){ 
this.value = ""; 
} 
} 
} 
</script> 
</head> 
<body> 
文本框一:<input type="text" name="text" id="clearText1" value="清除文本框一的内容"/><br/> 
文本框二:<input type="text" name="text" id="clearText2" value="清除文本框二的内容"/><br/> 
文本框三:<input type="text" name="text" id="clearText3" value="清除文本框三的内容"/> 
</body> 
</html>
Javascript 相关文章推荐
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
May 02 Javascript
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
Mar 26 Javascript
点击显示指定元素隐藏其他同辈元素的方法
Feb 19 Javascript
了不起的node.js读书笔记之node的学习总结
Dec 22 Javascript
Node.js中使用mongoose操作mongodb数据库的方法
Sep 12 Javascript
js 概率计算(简单版)
Sep 12 Javascript
通过源码分析Vue的双向数据绑定详解
Sep 24 Javascript
浅谈基于Vue.js的移动组件库cube-ui
Dec 20 Javascript
jquery实现企业定位式导航效果
Jan 01 jQuery
以v-model与promise两种方式实现vue弹窗组件
May 21 Javascript
详解auto-vue-file:一个自动创建vue组件的包
Apr 26 Javascript
Vue运用transition实现过渡动画
May 06 Javascript
JS实现两个大数(整数)相乘
Apr 28 #Javascript
关于img的href和src取变量及赋值的方法
Apr 28 #Javascript
php和js对数据库图片进行等比缩放示例
Apr 28 #Javascript
JS计算网页停留时间代码
Apr 28 #Javascript
js分页代码分享
Apr 28 #Javascript
jquery使用ajax实现微信自动回复插件
Apr 28 #Javascript
jquery禁用右键示例
Apr 28 #Javascript
You might like
天使彦史上最神还原,性别曝光的那一刻,百万网友恋爱了
2020/03/02 国漫
玛琪朵 Macchiato
2021/03/03 咖啡文化
PHP脚本的10个技巧(7)
2006/10/09 PHP
在PHP中使用与Perl兼容的正则表达式
2006/11/26 PHP
通用PHP动态生成静态HTML网页的代码
2010/03/04 PHP
php设计模式之委托模式
2016/02/13 PHP
layui框架实现文件上传及TP3.2.3(thinkPHP)对上传文件进行后台处理操作示例
2018/05/12 PHP
ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
2019/04/15 PHP
showModelessDialog()使用详解
2006/09/21 Javascript
jquery之empty()与remove()区别说明
2010/09/10 Javascript
Js判断CSS文件加载完毕的具体实现
2014/01/17 Javascript
不使用jquery实现js打字效果示例分享
2014/01/19 Javascript
SeaJS 与 RequireJS 的差异对比
2014/12/08 Javascript
解决JS组件bootstrap table分页实现过程中遇到的问题
2016/04/21 Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
2016/09/08 Javascript
xmlplus组件设计系列之列表(4)
2017/04/26 Javascript
js实现添加删除表格(两种方法)
2017/04/27 Javascript
详解webpack2+React 实例demo
2017/09/11 Javascript
Vue实现搜索 和新闻列表功能简单范例
2018/03/16 Javascript
浅谈react性能优化的方法
2018/09/05 Javascript
Vue组件之单向数据流的解决方法
2018/11/10 Javascript
JavaScript使用闭包模仿块级作用域操作示例
2019/01/21 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
2019/03/12 Javascript
python采用getopt解析命令行输入参数实例
2014/09/30 Python
Python2.7.10以上pip更新及其他包的安装教程
2018/06/12 Python
Python音频操作工具PyAudio上手教程详解
2019/06/26 Python
在OpenCV里使用Camshift算法的实现
2019/11/22 Python
Python scrapy爬取小说代码案例详解
2020/07/09 Python
python开发入门——set的使用
2020/09/03 Python
绝对经典成功的大学生推荐信
2013/11/08 职场文书
个人简历中自我评价
2014/02/11 职场文书
总经理的岗位职责
2014/02/23 职场文书
小学生读书活动总结
2014/06/30 职场文书
单位接收函范文
2015/01/30 职场文书
2016年教师节感恩寄语
2015/12/04 职场文书
python 爬取豆瓣网页的示例
2021/04/13 Python