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 相关文章推荐
javascript下function声明一些小结
Dec 28 Javascript
使用jQuery的ajax功能实现的RSS Reader 代码
Sep 03 Javascript
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Feb 04 Javascript
使用JavaScript制作一个简单的计数器的方法
Jul 07 Javascript
JavaScript实现LI列表数据绑定的方法
Aug 04 Javascript
js简单实现表单中点击按钮动态增加输入框数量的方法
Aug 18 Javascript
JS实现滑动门效果的方法详解
Dec 19 Javascript
js代码延迟一定时间后执行一个函数的实例
Feb 15 Javascript
详解vue mint-ui源码解析之loadmore组件
Oct 11 Javascript
解决bootstrap-select 动态加载数据不显示的问题
Aug 10 Javascript
angularJS实现不同视图同步刷新详解
Oct 09 Javascript
vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题
Jul 31 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
如何使用PHP获取网络上文件
2006/10/09 PHP
ThinkPHP php 框架学习笔记
2009/10/30 PHP
PHP Session 变量的使用方法详解与实例代码
2013/09/11 PHP
PHP实现显示照片exif信息的方法
2014/07/11 PHP
php按单词截取字符串的方法
2015/04/07 PHP
支持中文、字母、数字的PHP验证码
2015/05/04 PHP
详解PHP中的PDO类
2015/07/06 PHP
详解PHP归并排序的实现
2016/10/18 PHP
ThinkPHP5框架实现简单的批量查询功能示例
2018/06/07 PHP
Yii 框架使用Forms操作详解
2020/05/18 PHP
Javascript打印网页部分内容的脚本
2008/11/17 Javascript
ExtJs之带图片的下拉列表框插件
2010/03/04 Javascript
ExtJs中简单的登录界面制作方法
2010/08/19 Javascript
将form表单中的元素转换成对象的方法适用表单提交
2014/05/02 Javascript
jQuery插件jquery-barcode实现条码打印的方法
2015/11/25 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
2016/05/10 Javascript
js获取客户端操作系统类型的方法【测试可用】
2016/05/27 Javascript
前端框架学习总结之Angular、React与Vue的比较详解
2017/03/14 Javascript
详解webpack 最简打包结果分析
2019/02/20 Javascript
[52:20]DOTA2-DPC中国联赛正赛 SAG vs XGBO3 第一场 3月5日
2021/03/11 DOTA
python实现简单的socket server实例
2015/04/29 Python
Python使用logging结合decorator模式实现优化日志输出的方法
2016/04/16 Python
python基础教程项目五之虚拟茶话会
2018/04/02 Python
利用Python实现微信找房机器人实例教程
2019/03/10 Python
python循环定时中断执行某一段程序的实例
2019/06/29 Python
使用Python爬虫库requests发送请求、传递URL参数、定制headers
2020/01/25 Python
使用keras实现BiLSTM+CNN+CRF文字标记NER
2020/06/29 Python
三下乡活动方案
2014/01/31 职场文书
中班中秋节活动反思
2014/02/18 职场文书
公司接待方案
2014/03/08 职场文书
青蓝工程实施方案
2014/03/27 职场文书
师德师风剖析材料
2014/09/30 职场文书
合伙经营协议书范本(通用版)
2014/12/03 职场文书
四大名著读书笔记
2015/06/25 职场文书
教师研修随笔感言
2015/11/18 职场文书
班级元旦晚会开幕词
2016/03/04 职场文书