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 相关文章推荐
基于JQuery的6个Tab选项卡插件
Sep 03 Javascript
js判断输入是否为数字的具体实例
Aug 03 Javascript
jquery插件validation实现验证身份证号等
Jun 04 Javascript
Javascript实现苹果悬浮虚拟按钮
Apr 10 Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
Jun 22 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
Nov 23 Javascript
Vue filter介绍及其使用详解
Oct 21 Javascript
在vue-cli项目中使用bootstrap的方法示例
Apr 21 Javascript
微信小程序中使用wxss加载图片并实现动画效果
Aug 13 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
Jan 29 Javascript
使用apifm-wxapi快速开发小程序过程详解
Aug 05 Javascript
Vue3.0的优化总结
Oct 16 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数组内存耗用太多问题的解决方法
2010/04/05 PHP
PHP登录(ajax提交数据和后台校验)实例分享
2016/12/29 PHP
浅谈使用 Yii2 AssetBundle 中 $publishOptions 的正确姿势
2017/11/08 PHP
一个可以兼容IE FF的加为首页与加入收藏实现代码
2009/11/02 Javascript
jquery中的sortable排序之后的保存状态的解决方法
2010/01/28 Javascript
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
2011/08/28 Javascript
在Firefox下js select标签点击无法弹出
2014/03/06 Javascript
用jquery修复在iframe下的页面锚点失效问题
2014/08/22 Javascript
针对初学者的jQuery入门指南
2015/08/15 Javascript
js异步编程小技巧详解
2017/08/14 Javascript
使用jQuery实现简单的tab框实例
2017/08/22 jQuery
JS实现面向对象继承的5种方式分析
2018/07/21 Javascript
create-react-app安装出错问题解决方法
2018/09/04 Javascript
VUE项目实现主题切换的多种方法
2020/11/26 Vue.js
python在命令行下使用google翻译(带语音)
2014/01/16 Python
利用QT写一个极简单的图形化Python闹钟程序
2015/04/07 Python
状态机的概念和在Python下使用状态机的教程
2015/04/11 Python
各个系统下的Python解释器相关安装方法
2015/10/12 Python
Python实现JSON反序列化类对象的示例
2018/01/31 Python
JS设计模式之责任链模式实例详解
2018/02/03 Python
Python3读取Excel数据存入MySQL的方法
2018/05/04 Python
python3 字符串/列表/元组(str/list/tuple)相互转换方法及join()函数的使用
2019/04/03 Python
python dlib人脸识别代码实例
2019/04/04 Python
Python对接六大主流数据库(只需三步)
2019/07/31 Python
pygame实现俄罗斯方块游戏(AI篇1)
2019/10/29 Python
Tensorflow不支持AVX2指令集的解决方法
2020/02/03 Python
python 瀑布线指标编写实例
2020/06/03 Python
美国床垫连锁店:Mattress Firm
2021/02/13 全球购物
2014的自我评价
2014/01/13 职场文书
语文教学随笔感言
2014/02/18 职场文书
师德演讲稿范文
2014/05/06 职场文书
理想点亮人生演讲稿
2014/05/21 职场文书
高中生毕业评语
2014/12/30 职场文书
2015年社区流动人口工作总结
2015/05/12 职场文书
nginx location中多个if里面proxy_pass的方法
2021/03/31 Servers
Go语言安装并操作redis的go-redis库
2022/04/14 Golang