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 相关文章推荐
js操作ajax返回的json的注意问题!
Feb 23 Javascript
window.print打印指定div实例代码
Dec 13 Javascript
利用n 升级工具升级Node.js版本及在mac环境下的坑
Feb 15 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
Apr 06 Javascript
JavaScript实现自动跳转文本功能
May 25 Javascript
Angular实现预加载延迟模块的示例
Oct 12 Javascript
微信小程序获取用户openid的实现
Dec 24 Javascript
js实现json数组分组合并操作示例
Feb 12 Javascript
vue实现移动端拖动排序
Aug 21 Javascript
linux服务器快速卸载安装node环境(简单上手)
Feb 22 Javascript
Vue.js中v-bind指令的用法介绍
Mar 13 Vue.js
JS开发前端团队展示控制器来为成员引流
Aug 14 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
模仿OSO的论坛(五)
2006/10/09 PHP
谈谈新手如何学习PHP
2006/12/14 PHP
PHP小程序自动提交到自助友情连接
2009/11/24 PHP
php 二维数组快速排序算法的实现代码
2017/10/17 PHP
PHP各种常见经典算法总结【排序、查找、翻转等】
2019/08/05 PHP
Ajax,UTF-8还是GB2312 eval 还是execScript
2008/11/13 Javascript
ExtJS 2.2.1的grid控件在ie6中的显示问题
2009/05/04 Javascript
原来Jquery.load的方法可以一直load下去
2011/03/28 Javascript
理清apply(),call()的区别和关系
2011/08/14 Javascript
JavaScript基本编码模式小结
2012/05/23 Javascript
jQuery的context属性用法实例
2014/12/27 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
2015/04/17 Javascript
Jqgrid之强大的表格插件应用
2015/12/02 Javascript
jQuery检测滚动条是否到达底部
2015/12/15 Javascript
javascript实现简单的全选和反选功能
2016/01/05 Javascript
浅谈js函数三种定义方式 &amp; 四种调用方式 &amp; 调用顺序
2017/02/19 Javascript
Ext JS 实现建议词模糊动态搜索功能
2017/05/13 Javascript
性能优化篇之Webpack构建速度优化的建议
2019/04/03 Javascript
微信小程序实现电子签名功能
2020/07/29 Javascript
Vue使用Proxy代理后仍无法生效的解决
2020/11/13 Javascript
javascript实现点击小图显示大图
2020/11/29 Javascript
uniapp微信小程序:key失效的解决方法
2021/01/20 Javascript
python统计一个文本中重复行数的方法
2014/11/19 Python
详解python异步编程之asyncio(百万并发)
2018/07/07 Python
python实现烟花小程序
2019/01/30 Python
Python3模拟登录操作实例分析
2019/03/12 Python
python递归法实现简易连连看小游戏
2020/03/25 Python
python十进制转二进制的详解
2020/02/07 Python
Python开发入门——迭代的基本使用
2020/09/03 Python
Django nginx配置实现过程详解
2020/09/10 Python
如何在windows下安装配置python工具Ulipad
2020/10/27 Python
英国评分最高的女性剃须刀订阅盒:FFS Beauty
2018/01/25 全球购物
美国现代家具购物网站:LexMod
2019/01/09 全球购物
丧事主持词大全
2014/04/02 职场文书
社会实践心得体会范文
2016/01/14 职场文书
golang在GRPC中设置client的超时时间
2021/04/27 Golang