javascript TextArea动态显示剩余字符
<div class="form">
<div class="con">
<ul>
<li>剩余字数的限制</li>
<li><textarea cols="40" rows="8" id="text1"></textarea></li>
<li>剩余字符:<span id="textleft"></span></li>
</ul>
</div>
</div>
<script language="javascript">
var otext = document.getElementById("text1");
var otextleft = document.getElementById("textleft");
var re = /[^\x00-\xff]/g;
var maxLength = 40;
window.onload = function(){
if(document.all)
otext.onpropertychange = textleft;
else
otext.onkeypress = textleft;
}
function textleft()
{
var str = otext.value;
str = str.replace(re,"xx");//中文字符当2个字符处理 如果不用的话主是掉本行
otextleft.innerHTML = maxLength - str.length;
}
</script>
相关推荐
-
JavaScript 监听textarea中按键事件
有个textarea, Java代码 复制代码 代码如下: <textarea id="text"></textarea> 经常会定义onKeyPress="keypress();",并定义以下方法. 复制代码 代码如下: var keypress = function(e){ var e = e || window.event; var k = e.keyCode; } 这里我使用的办法是JQuery. 复制代码 代码如下: $("
-
JavaScript判断textarea值是否为空并给出相应提示
我们在网页设计中常常会用JavaScript来判断用户是否输入合法数据,假如用户没有输入数据则给出相应提示,那么该如何来判断呢?这里向大家介绍用JavaScript判断textarea值是否为空的方法. 下面给出JavaScript函数: if(document.getElementById("htmer").value==''){alert("请输入内容!");return false;} 注意上面代码中的红色部分=='',是单引号而不是双引号,这样可以减少很多不
-
JavaScript动态调整TextArea高度的代码
核心代码: 复制代码 代码如下: <script language="javascript" type="text/javascript"> function adjustObjHeight(obj, defaultHeight) { if(obj.scrollHeight > defaultHeight) { obj.style.height = obj.scrollHeight + 'px'; } else { obj.style.height
-
JavaScript实现统计文本框Textarea字数增强用户体验
现在流行的Twitter等微博客网站,有一个很好的用户体验,就是在文本框中输入文字的时候,会自动统计输入的字符,并显示用户还能输入的字符,在限制了140个字的微博客中,这样的小提示可以很好的增强用户体验. 如果实现这种技术呢,我进行了一些研究,发现实现其实挺简单,几行代码就能完成输入字符统计功能,经过实际测试,其对文字的统计与Twitter等微博客的完全相同. 使用方法是,先增加一个span,用于显示剩余的字数,然后在Textarea中,加入一个onkeydown和onkeyup的事件,调用另一
-
javascript textarea光标定位方法(兼容IE和FF)
今天在做一个博客转发的功能,就像新浪微薄转播的那个功能一样,有一个textArea,就是我们发微薄的那个框,别人的微薄都有一个转发的按钮,当我们点击这个转发按钮的时候,他的微薄就会进入到textArea中,看起来很简单的文本框赋值,其实难点就在于,这时候的光标是定位在最前面的. 于是搜索了baidu,google,找到了 IE下面的方法 复制代码 代码如下: var tea=document.getElementById("文本框的ID"); var txt=textArea.crea
-
一个JavaScript处理textarea中的字符成每一行实例
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>每天一个JavaScript实例-处理textarea中的字符成每一行</title> <script> function clicka(){ console.log("aaa"); var aa = document.get
-
JavaScript让Textarea支持tab按键的方法
本文实例讲述了JavaScript让Textarea支持tab按键的方法.分享给大家供大家参考.具体实现方法如下: HTMLTextAreaElement.prototype.getCaretPosition = function () { //return the caret position of the textarea return this.selectionStart; }; HTMLTextAreaElement.prototype.setCaretPosition = funct
-
javascript实现textarea中tab键的缩排处理方法
本文实例讲述了javascript实现textarea中tab键的缩排处理方法.分享给大家供大家参考.具体如下: 网上搜索了一下相关的解决方法,其它的有使用两三行javascript解决的,但都有一些小小的问题.还有使用JQuery的,也非常简洁. 本文的javascript代码实现了在TEXTAREA中输入TAB键并自动缩进的功能.不过这段代码在谷歌浏览器中不能正常执行,在 复制代码 代码如下: sel =event.srcElement.document.selection.createRa
-
javascript TextArea动态显示剩余字符
<div class="form"> <div class="con"> <ul> <li>剩余字数的限制</li> <li><textarea cols="40" rows="8" id="text1"></textarea></li> <li>剩余字符:<span id=&quo
-
JS简单限制textarea内输入字符数量的方法
本文实例讲述了JS简单限制textarea内输入字符数量的方法.分享给大家供大家参考.具体如下: 这里演示JS限制一个area内的字符不能超过255,多余则截取. 代码如下: <script> function getStringUTFLength(str) { var value = str.replace(/[\u4e00-\u9fa5]/g," "); //将汉字替换为两个空格 return value.length; } function leftUTFString
-
JS限制Textarea文本域字符个数的具体实现
复制代码 代码如下: <head> <title>JS限制Textarea文本域字符个数</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <SCRIPT LANGUAGE="JavaScript"> <!--//
-
JavaScript实现文本目标字符替换和一键全部替换
需求描述: 实现在文本中替换目标字符,以及一键全部替换功能. 技术点: 利用string的replace实现替换第一个找到的目标字符. replace(searchValue: string | RegExp, replaceValue: string): string; 利用string的replaceAll实现一键替换全部找到的目标字符. replace(searchValue: string | RegExp, replacer: (substring: string, ...args:
-
基于javascript实现动态显示当前系统时间
本文实例讲解了javascript实现动态显示当前系统时间的详细代码,具体内容如下 (1)时间日期信息,应该在一个<div>中来显示 (2)定时器:每隔一秒再次访问系统时间,window对象的setTimeout() (3)时钟显示的时机(事件):当网页加载完成后才显示,事件onload (4)如何将 时间日期信息 写入到指定的<div>中,DOM对象中的innerHTML属性 效果图: 具体代码: <html> <head> <meta http-e
-
JavaScript中的连字符详解
晚上花了2个小时的时间,来用Javascript处理一个简单的字符串过滤功能,代码粘贴到下面,其实很简单,就是想把Google AJAX Search API返回的查询结果中的<b/>过滤掉. 之所以花这么多时间,一个很重要的原因就是对JavaScript的字符连接操作不熟.JS是不支持+=的,因此需要用a=a + 'b',其实想想这个问题及其简单,但不知为什么就是花了很多时间. 复制代码 代码如下: function ProcessString(string){ var i=0; var
-
textarea 控制输入字符字节数(示例代码)
按字符数控制: 复制代码 代码如下: <textarea name="gbContent" style="width: 500px; height: 200px;" onkeyup="if(this.value.length>2000) this.value=this.value.substr(0,2000)" onkeydown="if(this.value.length&
-
Javascript将双字节字符转换成单字节字符并计算长度
复制代码 代码如下: function(s){ return Math.ceil(s.replace(/[\u4e00-\u9fa5]/g, 'xx').length / 2); } 也可以用(/[^\x00-\xff]/g,'**'),这个是用'**'替换双字节字符 (/[\u4e00-\u9fa5]/g, '**') 这个是用'**'替换中文字符,\u4e00-\u9fa5中文的unicode编吗 以上就是本文的全部内容,了解更多JavaScript的语法,大家可以查看:<JavaS
随机推荐
- vbs脚本病毒生成器 下载
- php中替换字符串函数strtr()和str_repalce()的用法与区别
- thinkPHP5.0框架安装教程
- jQuery如何跳转到另一个网页 就这么简单
- 移动指定文件夹内的全部文件
- JS实现仿百度文库评分功能
- VS2015 IIS Express无法启动的解决方法
- [c#]asp.ent下开发中Tag的开发技巧
- .net生成验证码
- 浅谈谁都能看懂的单点登录(SSO)实现方式(附源码)
- php的常量和变量实例详解
- php性能优化分析工具XDebug 大型网站调试工具
- JavaScript排序算法动画演示效果的实现方法
- python自定义类并使用的方法
- Vim中的几种文件备份方法总结
- Bootstrap使用基础教程详解
- javascript中href和replace的比较(详解)
- 资料:引起内存不能“read”的原因及“written”的解决方案
- android开发之listView组件用法实例简析
- 约定优于配置_动力节点Java学院整理