本文实例讲述了JS简单限制textarea内输入字符数量的方法。分享给大家供大家参考。具体如下: 这里演示JS限制一个area内的字符不能超过255,多余则截取。 代码如下: <script> function getStringUTFLength(str) { var value = str.replace(/[\u4e00-\u9fa5]/g," ");//将汉字替换为两个空格return value.length; } function leftUTFString(str,len) { if(getStringUTFLength(str)<=len) { return str; }var value = str.substrin...
今天学习怎样用JQuery编写一些小的代码,小小的试了一下编写一个textarea,代码如下: <!DOCTYPE HTML> <html lang="en"> <head><meta charset="UTF-8"><title></title><style type="text/css" media="screen">*{margin :0;padding :0;font : normal 12px/17px Arial;}.msg{width :300px;margin : 100px;}.msg_caption{width :100%;overflow : hidden;margin-botton : 1px;}.msg_caption span{display : block;float : left;margin :0...
本文实例讲述了JavaScript实现为input与textarea自定义hover,focus效果的方法。分享给大家供大家参考。具体如下: 这里演示JavaScript为input输入框和textarea文本框自定义hover,focus效果,hover也就是鼠标放上去之后的效果,focus是鼠标焦点问题,要实现 这种效果,需要JS来配合,这个例子就是很不错的,它把网页上输入框和文本框都加入了鼠标悬停和鼠标焦点效果。 运行效果截图如下:在线演示地址如下: http://demo.jb51.net/j...
本文实例讲述了JS给Textarea文本框添加行号的方法。分享给大家供大家参考。具体如下: 这里使用JS实现让Textarea文本框显示行号的功能,每一行的前面都会有下数字序号,如果用来显示代码的话,可以直接找到某一行,如果不显示行号,则还要自己手功去查,想要此功能,你只需设置好TextArea ID,并加入代码中的JavaScript代码部分即可,文本框的长宽则是由CSS来控制的,你可试着修改一下,长宽的显示要与JS相匹配。 运行效果截图如下...
本文实例讲述了JS实现选择TextArea内文本的方法。分享给大家供大家参考。具体实现方法如下: <script type="text/javascript">function select_field(id){document.getElementById(id).focus();document.getElementById(id).select();}function init(){select_field(text1);}onload=init; </script> <form> This field gets selected onload:<br/> <input type="text" name="text1" id="text1" value="some text" /> <br/> <textar...
本文实例讲述了JavaScript让Textarea支持tab按键的方法。分享给大家供大家参考。具体实现方法如下: HTMLTextAreaElement.prototype.getCaretPosition = function () { //return the caret position of the textareareturn this.selectionStart; }; HTMLTextAreaElement.prototype.setCaretPosition = function (position) { //change the caret position of the textareathis.selectionStart = position;this.selectionEnd = posi...
本文实例讲述了javascript实现textarea中tab键的缩排处理方法。分享给大家供大家参考。具体如下: 网上搜索了一下相关的解决方法,其它的有使用两三行javascript解决的,但都有一些小小的问题。还有使用JQuery的,也非常简洁。 本文的javascript代码实现了在TEXTAREA中输入TAB键并自动缩进的功能。不过这段代码在谷歌浏览器中不能正常执行,在代码如下:sel =event.srcElement.document.selection.createRange() 这一句会发生错误:...
本文实例讲述了jQuery往textarea中光标所在位置插入文本的方法。分享给大家供大家参考。具体实现方法如下: <html> <head> <script src="jquery-1.8.1.min.js"></script> <script > $(function() {/* 在textarea处插入文本--Start */(function($) {$.fn.extend({insertContent : function(myValue, t) {var $t = $(this)[0];if (document.selection) { // iethis.focus();var sel = document.selection.createRange();sel.text = m...
本文实例讲述了jQuery替换textarea中换行的方法。分享给大家供大家参考。具体分析如下: 昨天同事在学习jQuery的时候,希望使用替换掉textarea中的换行。 html部分: <fieldset><textarea id="ncontent"></textarea> </fieldset> <button id="submit">提 交</button> js部分: $(document).ready(function(){ $("#submit").click(function(){ var ss = $("#ncontent").text(); alert(ss); var str = ss.replace(//r/n/gi, "!!!");...
本文实例讲述了jQuery实现限制textarea文本框输入字符数量的方法。分享给大家供大家参考。具体实现方法如下: (function($) {$.fn.extend( {limiter: function(limit, elem) {$(this).on("keyup focus", function() {setCount(this, elem);});function setCount(src, elem) {var chars = src.value.length;if (chars > limit) {src.value = src.value.substr(0, limit);chars = limit;}elem.html( limit - chars );}setCount($(thi...
在玩微博的时候我们可能会注意到一个细节就是不管是新浪微博还是腾讯微博在转发和评论的时候给你的默认文本框的高度都不会很高,这可能是版面的限制和用户通常只转播或者评论一个短句有关。但是当你输入超过一行文字的时候,文本框的高度就自动撑高了,大大改善了体验,这样用户就可以看到全部的文字。不用再去拖动文本框的滚动条。 autoTextarea.js (function($){$.fn.autoTextarea = function(options) {var defaults={maxHeight...
本文实例讲述了JS获取及设置TextArea或input文本框选择文本位置的方法。分享给大家供大家参考。具体实现方法如下: function getPos(el) {var range, textRange, duplicateel.focus()if ( el.selectionStart ) return el.selectionStartelse if ( document.selection ) { // IErange = document.selection.createRange()if ( range == null ) return el.value.lengthtextRange = el.createTextRange()duplicate = textRange.duplic...
本文实例讲述了jQuery实现在textarea指定位置插入字符或表情的方法。分享给大家供大家参考。具体实现方法如下: 1. 函数定义 代码如下:(function($){ $.fn.extend({ insertAtCaret: function(myValue){ var $t=$(this)[0]; if (document.selection) { this.focus(); sel = document.selection.createRange(); sel.text = myValue; ...
实现功能: 1/当textarea换行时自动增加一行高度 2/当textarea删除一行时 自动减少一行的高度 依赖:jquery.xxx.js 工作中需要使用类似功能但是觉得使用插件需要导入其他文件很不方便所以就写了一个 textarea jquery插件代码如下: <div class="form-group"> <label class="col-sm-3 control-label no-padding-right" for="form-field-5"> 内容</label> <div class="col-sm-9"> <textarea class="col-sm-8" id="form...
之前给大家分享过用Javascript控制文本框textarea高度随内容自适应增长收缩,今天花了点时间换了种实现方法,总结一下代码如下: jQuery.fn.extend({ autoHeight: function(){ return this.each(function(){ var $this = jQuery(this); if( !$this.attr(_initAdjustHeight) ){ $this.attr(_initAdjustHeight, $this.outerHeight()); ...