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 相关文章推荐
使用prototype.js 的时候应该特别注意的几个问题.
Apr 12 Javascript
神奇的代码 通杀各种网站-可随意修改复制页面内容
Jul 17 Javascript
JqueryMobile动态生成listView并实现刷新的两种方法
Mar 05 Javascript
javascript常用的正则表达式实例
May 15 Javascript
JS中跳出循环的示例代码
Sep 14 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
Aug 16 Javascript
React Router V4使用指南(精讲)
Sep 17 Javascript
微信小程序使用npm支持踩坑
Nov 07 Javascript
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
Vue组件基础用法详解
Feb 05 Javascript
vue内置组件keep-alive事件动态缓存实例
Oct 30 Javascript
原生JavaScript实现随机点名表
Jan 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
codeigniter自带数据库类使用方法说明
2014/03/25 PHP
ThinkPHP上使用多说评论插件的方法
2014/10/31 PHP
php中call_user_func函数使用注意事项
2014/11/21 PHP
ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能示例
2019/08/05 PHP
JavaScript中也使用$美元符号来代替document.getElementById
2010/06/19 Javascript
原生js做的手风琴效果的导航菜单
2013/11/08 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
2014/04/17 Javascript
jQuery学习笔记之总体架构
2014/06/03 Javascript
jquery delay()介绍及使用指南
2014/09/02 Javascript
JS获得选取checkbox整行数据的方法
2015/01/28 Javascript
jquery仿QQ登录账号选择下拉框效果
2016/03/22 Javascript
AngularJS用户选择器指令实例分析
2016/11/04 Javascript
WdatePicker.js时间日期插件的使用方法
2017/07/26 Javascript
详解vue-cli之webpack3构建全面提速优化
2017/12/25 Javascript
NodeJS读取分析Nginx错误日志的方法
2019/05/14 NodeJs
vue按需加载实例详解
2019/09/06 Javascript
Webpack按需加载打包chunk命名的方法
2019/09/22 Javascript
vue-cli创建的项目中的gitHooks原理解析
2020/02/14 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
2020/03/09 Javascript
es6数组includes()用法实例分析
2020/04/18 Javascript
Vue实现点击导航栏当前标签后变色功能
2020/08/19 Javascript
[02:32]DOTA2完美大师赛场馆静安体育中心观赛全攻略
2017/11/08 DOTA
[01:15]PWL S2开团时刻第二期——他们杀 我就白给
2020/11/25 DOTA
CentOS6.5设置Django开发环境
2016/10/13 Python
Python Flask前后端Ajax交互的方法示例
2018/07/31 Python
Python实现图像的垂直投影示例
2020/01/17 Python
Tensorflow 使用pb文件保存(恢复)模型计算图和参数实例详解
2020/02/11 Python
python GUI库图形界面开发之PyQt5拖放控件实例详解
2020/02/25 Python
python实现画图工具
2020/08/27 Python
优秀导游先进事迹材料
2014/01/25 职场文书
根叔历年演讲稿
2014/05/20 职场文书
学校施工安全责任书
2015/01/29 职场文书
教师个人学习总结
2015/02/11 职场文书
上诉状格式
2015/05/23 职场文书
班级班风口号大全
2015/12/25 职场文书
Pandas搭配lambda组合使用详解
2022/01/22 Python