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 阻止javascript事件冒泡,获取控件ID值
Jun 27 Javascript
jQuery实现动画效果的实例代码
May 07 Javascript
JS脚本defer的作用示例介绍
Jan 02 Javascript
javascript学习笔记(四)function函数部分
Sep 30 Javascript
javascript获取当前的时间戳的方法汇总
Jul 26 Javascript
javascript设计模式Constructor(构造器)模式
Aug 19 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
Aug 07 Javascript
详解Vue中使用Echarts的两种方式
Jul 03 Javascript
解决vue的 v-for 循环中图片加载路径问题
Sep 03 Javascript
vue 表单验证按钮事件交由父组件触发的方法
Dec 17 Javascript
基于小程序请求接口wx.request封装的类axios请求
Jul 02 Javascript
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
Oct 13 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
mysql_fetch_row,mysql_fetch_array,mysql_fetch_assoc的区别
2009/04/24 PHP
smarty模板嵌套之include与fetch性能测试
2010/12/05 PHP
有关php运算符的知识大全
2011/11/03 PHP
PHP超级全局变量数组小结
2012/10/04 PHP
PHP实现上传多图即时显示与即时删除的方法
2017/05/09 PHP
RR vs IO BO3 第一场2.13
2021/03/10 DOTA
JavaScript开发时的五个注意事项
2007/12/08 Javascript
Js 获取当前日期时间及其它操作实现代码
2021/03/04 Javascript
ext checkboxgroup 回填数据解决
2009/08/21 Javascript
浅谈javascript中的instanceof和typeof
2015/02/27 Javascript
jQuery实现类似淘宝网图片放大效果的方法
2015/07/08 Javascript
jQuery实现tab选项卡效果的方法
2015/07/08 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
Easyui的组合框的取值与赋值
2016/10/28 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
2016/11/23 Javascript
jstree的简单实例
2016/12/01 Javascript
利用Angularjs中模块ui-route管理状态的方法
2016/12/27 Javascript
vue + socket.io实现一个简易聊天室示例代码
2017/03/06 Javascript
详谈js对url进行编码和解码(三种方式的区别)
2017/08/16 Javascript
JS实现水平遍历和嵌套递归操作示例
2019/08/15 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
2020/06/04 Javascript
JavaScript中EventBus实现对象之间通信
2020/10/18 Javascript
[08:47]2018国际邀请赛 OG战队举杯时刻
2018/08/29 DOTA
python操作mysql代码总结
2018/06/01 Python
对python制作自己的数据集实例讲解
2018/12/12 Python
Python3匿名函数lambda介绍与使用示例
2019/05/18 Python
Python实现直方图均衡基本原理解析
2019/08/08 Python
python3使用print打印带颜色的字符串代码实例
2019/08/22 Python
基于python修改srt字幕的时间轴
2020/02/03 Python
解决启动django,浏览器显示“服务器拒绝访问”的问题
2020/05/13 Python
python如何保存文本文件
2020/06/07 Python
Python面试题集
2012/03/08 面试题
教师党员思想汇报
2014/01/06 职场文书
永远是春天观后感
2015/06/12 职场文书
Python 数据科学 Matplotlib图库详解
2021/07/07 Python
Spring中的使用@Async异步调用方法
2021/11/01 Java/Android