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中各字符串出现次数的工具
May 03 Javascript
实现局部遮罩与关闭原理及代码
Feb 04 Javascript
Node.js中调用mysql存储过程示例
Dec 20 Javascript
多种jQuery绑定事件的实现方式
Jun 13 Javascript
浅谈js中调用函数时加不加括号的问题
Jul 28 Javascript
Javascript中indexOf()和lastIndexOf应用方法实例
Aug 24 Javascript
Javascript 普通函数和构造函数的区别
Nov 05 Javascript
jQuery插件autocomplete使用详解
Feb 04 Javascript
2019 年编写现代 JavaScript 代码的5个小技巧(小结)
Jan 15 Javascript
微信小程序按钮点击动画效果的实现
Sep 04 Javascript
js简单的分页器插件代码实例
Sep 11 Javascript
浅谈Vue3 Composition API如何替换Vue Mixins
Apr 29 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
解密ThinkPHP3.1.2版本之模块和操作映射
2014/06/19 PHP
文件上传之SWFUpload插件(代码)
2015/07/30 PHP
thinkPHP下ueditor的使用方法详解
2015/12/26 PHP
php微信公众平台配置接口开发程序
2016/09/22 PHP
PHP实现无限分类的实现方法
2016/11/14 PHP
PHP进阶学习之类的自动加载机制原理分析
2019/06/18 PHP
PHP连接MySQL数据库操作代码实例解析
2020/07/11 PHP
Javascript绝句欣赏 一些经典的js代码
2012/02/22 Javascript
jquery动态添加删除一行数据示例
2014/06/12 Javascript
jQuery中:has选择器用法实例
2014/12/30 Javascript
用模版生成HTML的的框架jquery.tmpl使用详解
2015/01/07 Javascript
jquery常用函数与方法汇总
2015/09/01 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
2015/12/18 Javascript
JavaScript简单实现弹出拖拽窗口(二)
2016/06/17 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
2017/05/02 Javascript
JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容
2017/06/12 Javascript
基于AngularJS的简单使用详解
2017/09/10 Javascript
什么时候不能在 Node.js 中使用 Lock Files
2019/06/24 Javascript
vue计算属性无法监听到数组内部变化的解决方案
2019/11/06 Javascript
微信小程序动态设置图片大小的方法
2019/11/21 Javascript
vue 实现websocket发送消息并实时接收消息
2019/12/09 Javascript
vue实现简易计算器功能
2021/01/20 Vue.js
python使用pyhook监控键盘并实现切换歌曲的功能
2014/07/18 Python
Python对小数进行除法运算的正确方法示例
2014/08/25 Python
Python实现简单遗传算法(SGA)
2018/01/29 Python
Django中STATIC_ROOT和STATIC_URL及STATICFILES_DIRS浅析
2018/05/08 Python
Python用61行代码实现图片像素化的示例代码
2018/12/10 Python
详解python uiautomator2 watcher的使用方法
2019/09/09 Python
一些关于python 装饰器的个人理解
2020/08/31 Python
css3实现的多级渐变下拉菜单导航效果代码
2015/08/31 HTML / CSS
LivingSocial英国:英国本地优惠
2019/02/22 全球购物
日本酒店、民宿、温泉旅馆、当地旅行团中文预订:e路东瀛
2019/12/09 全球购物
留学推荐信写作指南
2014/01/25 职场文书
2015年工商局个人工作总结
2015/07/23 职场文书
MySQL系列之五 视图、存储函数、存储过程、触发器
2021/07/02 MySQL
教你使用Python获取QQ音乐某个歌手的歌单
2022/04/03 Python