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 相关文章推荐
var与Javascript变量隐式声明
Sep 17 Javascript
javascript实现上传图片并预览的效果实现代码
Apr 11 Javascript
JS构建页面的DOM节点结构的实现代码
Dec 09 Javascript
Tab切换组件(选项卡功能)实例代码
Nov 21 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
Feb 28 Javascript
javascript下拉列表中显示树形菜单的实现方法
Nov 17 Javascript
vue mixins组件复用的几种方式(小结)
Sep 06 Javascript
bootstrap-Treeview实现级联勾选
Nov 23 Javascript
微信小程序提交form操作示例
Dec 30 Javascript
Vue项目环境搭建详细总结
Sep 26 Javascript
在pycharm中开发vue的方法步骤
Mar 04 Javascript
解决vant title-active-color与title-inactive-color不生效问题
Nov 03 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数组操作
2011/12/30 PHP
PHP编写RESTful接口
2016/02/23 PHP
laravel 解决crontab不执行的问题
2019/10/22 PHP
Jquery下的26个实用小技巧(jQuery tips, tricks &amp; solutions)
2010/03/01 Javascript
js特殊字符转义介绍
2013/11/05 Javascript
jquery选择checked在ie8普通模式下的问题
2014/02/12 Javascript
javascript中的this详解
2014/12/08 Javascript
无刷新上传文件并返回自定义值
2015/06/11 Javascript
JavaScript实现输入框(密码框)出现提示语
2016/01/12 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
2016/01/18 Javascript
javascript简单判断输入内容是否合法的方法
2016/05/11 Javascript
JavaScript基于原型链的继承
2016/06/22 Javascript
总结几道关于Node.js的面试问题
2017/01/11 Javascript
js实现带简单弹性运动的导航条
2017/02/22 Javascript
p5.js实现故宫橘猫赏秋图动画
2019/10/23 Javascript
javascript操作元素的常见方法小结
2019/11/13 Javascript
JavaScript中this的学习笔记及用法整理
2020/02/17 Javascript
Bootstrap实现前端登录页面带验证码功能完整示例
2020/03/26 Javascript
jdk1.8+vue elementui实现多级菜单功能
2020/09/24 Javascript
typescript编写微信小程序创建项目的方法
2021/01/29 Javascript
[01:14]英雄,所敬略同——2018完美盛典宣传视频4K
2018/12/05 DOTA
Python中摘要算法MD5,SHA1简介及应用实例代码
2018/01/09 Python
梅尔倒谱系数(MFCC)实现
2019/06/19 Python
简述python&amp;pytorch 随机种子的实现
2020/10/07 Python
Django利用elasticsearch(搜索引擎)实现搜索功能
2020/11/26 Python
Selenium Webdriver元素定位的八种常用方式(小结)
2021/01/13 Python
美国知名玩具品牌:Melissa & Doug
2016/08/16 全球购物
StringBuilder和String的区别
2015/05/18 面试题
机电一体化大学生求职信
2013/11/08 职场文书
写给女生的道歉信
2014/01/14 职场文书
保护动物倡议书
2014/04/15 职场文书
演讲稿格式范文
2014/05/19 职场文书
财务整改报告范文
2014/11/05 职场文书
税务会计岗位职责
2015/04/02 职场文书
爱国主题班会教案
2015/08/14 职场文书
2019新员工心得体会
2019/06/25 职场文书