javascript 清除输入框中的数据


Posted in Javascript onApril 13, 2009

<li id=""><span>***</span>评论<span>鲜果</span><a href="#message_area" onclick=" fillInMessageArea(this);">回复</a></li>
<li id=""><span>pizicai</span>评论<span>you</span><a href="#message_area" onclick=" fillInMessageArea(this);">回复</a></li>
<form action="">
<textarea onkeyup="rewrite();" rows="4" cols="30" id="message_area" name="message_area"></textarea>
<p></p>
<input type="submit"/>
<input class="not_write" id="input_rewrite" type="button" onclick="clearAll();"/>
</form>
</div>
<script type="text/javascript">
function fillInMessageArea(othis){
var text = othis.parentNode.childNodes[0].firstChild.nodeValue;
text = '回复' + text;
text += ':';
var me_area = $('#message_area');
me_area.val("");
me_area.val(text);
setFocus();
}
function clearAll(){
var me_area = $('#message_area');
var input = document.getElementById('input_rewrite');
if(me_area.attr('class') == 'not_write') return false;
var text = me_area.val();
text= text.replace(/(^\S+(:)+?)(\s*.+\s*)+/,"$1");
if(!text.match(/(.*?):/))
me_area.val("");
else
me_area.val(text);
setFocus();
hide_rewrite(input);
}
function rewrite(){
var me_area = $('#message_area');
var text = me_area.val();
var input = document.getElementById('input_rewrite');
if(text.match(/^\S+(:)+?(\s*.+\s*)+/) ||(!text.match(/(.*?):/)))
show_rewrite(input);
//input.value= "not null";
else
hide_rewrite(input);
if(text=='')
hide_rewrite(input);
//input.value = "null";
//alert('null');
}
function show_rewrite(input){
input.className = "can_rewrite";
}
function hide_rewrite(input){
input.className = "not_write";
}
function setFocus(){
esrc = document.getElementById('message_area');
//esrc.focus();
var rtextRange = "";
if(esrc.createTextRange){
rtextRange = esrc.createTextRange();
rtextRange.moveStart('character',esrc.value.length);
rtextRange.collapse(true);
rtextRange.select();
}
}

Javascript 相关文章推荐
基于jQuery实现的百度导航li拖放排列效果,即时更新数据库
Jul 31 Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
Sep 25 Javascript
jquery选择器原理介绍($()使用方法)
Mar 25 Javascript
JavaScript的内存释放问题详解
Jan 21 Javascript
jQuery实现炫酷的鼠标轨迹特效
Feb 01 Javascript
JavaScript中反正弦函数Math.asin()的使用简介
Jun 14 Javascript
详解JavaScript的回调函数
Nov 20 Javascript
JavaScript队列函数和异步执行详解
Jun 19 Javascript
vue 挂载路由到头部导航的方法
Nov 13 Javascript
vue-router的钩子函数用法实例分析
Oct 26 Javascript
node.js中npm包管理工具用法分析
Feb 14 Javascript
gojs实现蚂蚁线动画效果
Feb 18 Javascript
iframe 自适应高度[在IE6 IE7 FF下测试通过]
Apr 13 #Javascript
IE8 原生JSON支持
Apr 13 #Javascript
由document.body和document.documentElement想到的
Apr 13 #Javascript
js cookies 常见网页木马挂马代码 24小时只加载一次
Apr 13 #Javascript
javascript removeChild 使用注意事项
Apr 11 #Javascript
Firefox window.close()的使用注意事项
Apr 11 #Javascript
javascript html 静态页面传参数
Apr 10 #Javascript
You might like
也谈截取首页新闻 - 范例
2006/10/09 PHP
PHP HTML代码串 截取实现代码
2009/06/29 PHP
php 数学运算验证码实现代码
2009/10/11 PHP
『PHP』PHP截断函数mb_substr()使用介绍
2013/04/22 PHP
Yii框架中memcache用法实例
2014/12/03 PHP
使用ThinkPHP生成缩略图及显示
2017/04/27 PHP
详解php curl带有csrf-token验证模拟提交方法
2018/04/18 PHP
浏览器加载、渲染和解析过程黑箱简析
2012/11/29 Javascript
jquery实现marquee效果(文字或者图片的水平垂直滚动)
2013/01/07 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
2015/11/30 Javascript
node.js入门实例helloworld详解
2015/12/23 Javascript
js表单验证实例讲解
2016/03/31 Javascript
nodeJS实现路由功能实例代码
2017/06/08 NodeJs
Vue实例中生命周期created和mounted的区别详解
2017/08/25 Javascript
JS组件系列之Gojs组件 前端图形化插件之利器
2017/11/29 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
2018/09/14 Javascript
利用hasOwnProperty给数组去重的面试题分享
2018/11/05 Javascript
JavaScript使用小插件实现倒计时的方法讲解
2019/03/11 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
2020/07/19 Javascript
[47:45]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第一场 2月26日
2021/03/11 DOTA
python实现代理服务功能实例
2013/11/15 Python
解决Python出现_warn_unsafe_extraction问题的方法
2016/03/24 Python
python实现字符串连接的三种方法及其效率、适用场景详解
2017/01/13 Python
Python进阶学习之特殊方法实例详析
2017/12/01 Python
Python实现爬虫抓取与读写、追加到excel文件操作示例
2018/06/27 Python
python系统指定文件的查找只输出目录下所有文件及文件夹
2020/01/19 Python
python中提高pip install速度
2020/02/14 Python
python实现从ftp服务器下载文件
2020/03/03 Python
Python新手学习标准库模块命名
2020/05/29 Python
美国半成品食材配送服务商:Home Chef
2018/01/25 全球购物
酷瑞网络科技面试题
2012/03/30 面试题
售后主管岗位职责
2013/12/08 职场文书
工商管理实习生自我鉴定范文
2013/12/18 职场文书
2014年幼儿园个人工作总结
2014/11/10 职场文书
农村老人去世追悼词
2015/06/23 职场文书
动作冒险《Hell Is Us》将采用虚幻5 消灭怪物探索王国
2022/04/13 其他游戏