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实现两表格里数据来回转移的方法
May 28 Javascript
jquery控制显示服务器生成的图片流
Aug 04 Javascript
深入探秘jquery瀑布流的实现
Jan 30 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
Oct 11 Javascript
浅谈javascript中执行环境(作用域)与作用域链
Dec 08 Javascript
浅谈vue实现数据监听的函数 Object.defineProperty
Jun 08 Javascript
基于bootstrap实现多个下拉框同时搜索功能
Jul 19 Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
Oct 24 Javascript
AngularJS实现的简单拖拽功能示例
Jan 02 Javascript
vue动画之点击按钮往上渐渐显示出来的实例
Sep 29 Javascript
利用Angular2的Observables实现交互控制的方法
Dec 27 Javascript
vue中利用three.js实现全景图的完整示例
Dec 07 Vue.js
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
做一个有下拉功能的留言版
2006/10/09 PHP
截获网站title标签之家内容的例子
2006/10/09 PHP
php实现多维数组排序的方法示例
2017/03/23 PHP
php微信公众号开发之答题连闯三关
2018/10/20 PHP
PHP时间函数使用详解
2019/03/21 PHP
找到一点可怜的关于dojo资料,谢谢作者!
2006/12/06 Javascript
ASP.NET中AJAX 调用实例代码
2012/05/03 Javascript
jquery实现预览提交的表单代码分享
2014/05/21 Javascript
JS+CSS实现分类动态选择及移动功能效果代码
2015/10/19 Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
2016/01/22 Javascript
Node.js环境下JavaScript实现单链表与双链表结构
2016/06/12 Javascript
jQuery的ajax和遍历数组json实例代码
2016/08/01 Javascript
HTML5 js实现拖拉上传文件功能
2020/11/20 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
2017/05/08 jQuery
nodejs中解决异步嵌套循环和循环嵌套异步的问题
2017/07/12 NodeJs
ES6学习教程之Map的常用方法总结
2017/08/03 Javascript
jQuery+vue.js实现的多选下拉列表功能示例
2019/01/15 jQuery
不刷新网页就能链接新的js文件方法总结
2020/03/01 Javascript
Python引用(import)文件夹下的py文件的方法
2014/08/26 Python
浅谈function(函数)中的动态参数
2017/04/30 Python
Python入门_浅谈逻辑判断与运算符
2017/05/16 Python
Python实现字符串的逆序 C++字符串逆序算法
2020/05/28 Python
用Python实现读写锁的示例代码
2018/11/05 Python
解决Python在导入文件时的FileNotFoundError问题
2020/04/10 Python
Django-simple-captcha验证码包使用方法详解
2020/11/28 Python
潘多拉珠宝英国官方网上商店:PANDORA英国
2018/06/12 全球购物
医院护士的求职信范文
2013/12/26 职场文书
环境科学专业优秀毕业生自荐书
2014/02/03 职场文书
水毁工程实施方案
2014/04/01 职场文书
保护环境建议书400字
2014/05/13 职场文书
公益广告标语
2014/06/19 职场文书
2014银行授权委托书样本
2014/10/04 职场文书
2014年纪检工作总结
2014/11/12 职场文书
居委会工作总结2015
2015/05/18 职场文书
2015年四年级班主任工作总结
2015/10/22 职场文书
看完这篇文章获得一些java if优化技巧
2021/07/15 Java/Android