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

 更新时间:2014年04月28日 17:18:05   作者:  
这篇文章主要介绍了当某个文本框成为焦点时如何清除文本框内容,需要的朋友可以参考下
复制代码 代码如下:

<!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>

相关文章

  • js实现同一个页面,多个enter事件绑定的示例

    js实现同一个页面,多个enter事件绑定的示例

    今天小编就为大家分享一篇js实现同一个页面,多个enter事件绑定的示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10
  • javascript中for/in循环及使用技巧

    javascript中for/in循环及使用技巧

    如果您希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的,本篇文章给大家介绍javascript中for/in循环及使用技巧 ,需要的朋友可以参考下
    2015-09-09
  • js 中的switch表达式使用示例

    js 中的switch表达式使用示例

    switch 这种表达式在很多语言中都有,比如java, C等待, 使用switch比使用if else 来得方便,来得清晰,下面为大家详细介绍下其具体的使用,感兴趣的朋友可以参考下
    2013-09-09
  • uniapp原生tabbar设置并添加数字角标或小红点提示功能

    uniapp原生tabbar设置并添加数字角标或小红点提示功能

    这篇文章主要给大家介绍了关于uniapp原生tabbar设置并添加数字角标或小红点提示功能的相关资料,在相应的页面中完成对消息的处理,如果有新消息,则在tabBar页面中显示红点提醒用户,需要的朋友可以参考下
    2023-08-08
  • 音乐播放用的的几个函数

    音乐播放用的的几个函数

    音乐播放用的的几个函数...
    2006-09-09
  • JavaScript函数执行、作用域链以及内存管理详解

    JavaScript函数执行、作用域链以及内存管理详解

    这篇文章主要介绍了JavaScript函数执行、作用域链以及内存管理的知识,文章内容非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-01-01
  • 浅谈layui里的上传控件问题

    浅谈layui里的上传控件问题

    今天小编就为大家分享一篇浅谈layui里的上传控件问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • js fill函数填充数组或对象的解决方法

    js fill函数填充数组或对象的解决方法

    这篇文章主要介绍了js fill函数填充数组或对象的问题及解决方法,本文给大家介绍的非常详细对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-02-02
  • JS实现canvas仿ps橡皮擦刮卡效果详解

    JS实现canvas仿ps橡皮擦刮卡效果详解

    这篇文章主要为大家详细介绍了使用js中的Canvas实现橡皮擦效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • Javascript日期时间函数的使用方法举例

    Javascript日期时间函数的使用方法举例

    在JavaScript中日期时间函数是一组用于操作和处理日期和时间的函数,这些函数可以用于获取当前日期和时间、格式化日期和时间、计算日期和时间的差异、转换日期和时间的格式等,这篇文章主要给大家介绍了关于Javascript日期时间函数的使用方法,需要的朋友可以参考下
    2024-02-02

最新评论