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的递增/递减运算符和带操作的赋值运算符的等价式
Dec 08 Javascript
为指定元素增加样式的js代码
Dec 09 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
Mar 25 Javascript
JS网页播放声音实现代码兼容各种浏览器
Sep 22 Javascript
简单谈谈Javascript中类型的判断
Oct 19 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
May 09 Javascript
Node.js中路径处理模块path详解
Nov 14 Javascript
jQuery实现两列等高并自适应高度
Dec 22 Javascript
解决linux下node.js全局模块找不到的问题
May 15 Javascript
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
May 18 Javascript
详解webpack自定义loader初探
Aug 29 Javascript
ES6 对象的新功能与解构赋值介绍
Feb 05 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 set_magic_quotes_runtime() 函数过时解决方法
2010/07/08 PHP
PHP生成迅雷、快车、旋风等软件的下载链接代码实例
2014/05/12 PHP
php通过隐藏表单控件获取到前两个页面的url
2014/09/09 PHP
php截取html字符串及自动补全html标签的方法
2015/01/15 PHP
php+jQuery+Ajax实现点赞效果的方法(附源码下载)
2020/07/21 PHP
PHP Callable强制指定回调类型的方法
2016/08/30 PHP
php封装的page分页类完整实例
2016/10/18 PHP
用Javascript实现锚点(Anchor)间平滑跳转
2009/09/08 Javascript
用Jquery重写windows.alert方法实现思路
2013/04/03 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
2014/05/04 Javascript
js生成随机数的过程解析
2015/11/24 Javascript
微信小程序 MINA文件结构
2016/10/17 Javascript
JQuery统计input和textarea文字输入数量(代码分享)
2016/12/29 Javascript
jQuery实现弹窗居中效果类似alert()
2017/02/27 Javascript
React利用插件和不用插件实现双向绑定的方法详解
2017/07/03 Javascript
基于Vue实例对象的数据选项
2017/08/09 Javascript
JavaScript 中Date对象的格式化代码方法汇总
2017/09/06 Javascript
jquery实现倒计时小应用
2017/09/19 jQuery
详解如何用模块化的方式写vuejs
2017/12/16 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
2018/01/31 Javascript
Angular路由ui-router配置详解
2018/08/01 Javascript
Angular6 Filter实现页面搜索的示例代码
2018/12/02 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
2019/04/02 Javascript
node crawler如何添加promise支持
2020/02/01 Javascript
详解vue v-model
2020/08/31 Javascript
原生JS实现弹幕效果的简单操作指南
2020/11/10 Javascript
python thread 并发且顺序运行示例
2009/04/09 Python
python入门:这篇文章带你直接学会python
2018/09/14 Python
python自定义函数实现最大值的输出方法
2019/07/09 Python
Python递归调用实现数字累加的代码
2020/02/25 Python
在Python中实现字典反转案例
2020/12/05 Python
Fanatics官网:运动服装、球衣、运动装备
2020/10/12 全球购物
工艺工程师工作职责
2013/11/23 职场文书
应届毕业生自我鉴定范文
2013/12/27 职场文书
预备党员转正思想汇报
2014/01/12 职场文书
windows安装 redis 6.2.6最新步骤详解
2022/04/26 Redis