jQuery实现textarea自动增长宽高的方法
本文实例讲述了jQuery实现textarea自动增长宽高的方法。分享给大家供大家参考,具体如下:
<script type="text/javascript"> $(function(){ $("#iptcont").bind("keydown",function(e){ var key = e.which,that = this,h = 20; if (key == 13) { var brs = $(this).val().split("\n").length+1; $(this).attr("rows",brs).height(h*brs); }else if(key == 8){ window.setTimeout(function(){ var brs = $(that).val().split("\n").length; $(that).attr("rows",brs).height(h*brs); },100); } }); }); </script> <body> <textarea id="iptcont" rows="1" style="border:none;height:20px;border-bottom:1px solid blue;width:200px;resize:none;font-size:18px;line-height:20px;overflow:hidden;"></textarea> </body>
希望本文所述对大家jQuery程序设计有所帮助。
相关推荐
-
jquery的clone方法应用于textarea和select的bug修复
测试发现,textarea和select的jquery的clone方法有问题,textarea和select的值clone的时候会丢掉,发现这个是jquery的一个bug,上不了的可以看下代码,比较简单.就是在clone的时候将val再重新赋值一下,如果知道这个了,就简单了自己写. 引入到你要用的clone的页面就ok jquery.fix.clone.js (function (original) { jQuery.fn.clone = function () { var result = o
-
jquery 多行文本框(textarea)高度变化
复制代码 代码如下: $(function(){ var $comment = $('#comment'); //获取评论框 $('.bigger').click(function(){ //放大按钮绑定单击事件 if(!$comment.is(":animated")){ //判断是否处于动画 if( $comment.height() < 500 ){ $comment.animate
-
jQuery实现限制textarea文本框输入字符数量的方法
本文实例讲述了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.lengt
-
jQuery替换textarea中换行的方法
本文实例讲述了jQuery替换textarea中换行的方法.分享给大家供大家参考.具体分析如下: 昨天同事在学习jQuery的时候,希望使用替换掉textarea中的换行. html部分: <fieldset> <textarea id="ncontent"></textarea> </fieldset> <button id="submit">提 交</button> js部分: $(docu
-
jquery实现textarea输入框限制字数的方法
本文实例讲述了jquery实现textarea输入框限制字数的方法.分享给大家供大家参考.具体分析如下: 网上有使用属性 disabled 来实现,这个不好,想修改都没有修改.当然,这个也不是很完美. 复制代码 代码如下: <html> <head> <title> jquery完美实现textarea输入框限制字数</title> <meta http-equiv="content-type" content="text
-
Jquery实现textarea根据文本内容自适应高度
在玩微博的时候我们可能会注意到一个细节就是不管是新浪微博还是腾讯微博在转发和评论的时候给你的默认文本框的高度都不会很高,这可能是版面的限制和用户通常只转播或者评论一个短句有关.但是当你输入超过一行文字的时候,文本框的高度就自动撑高了,大大改善了体验,这样用户就可以看到全部的文字.不用再去拖动文本框的滚动条. autoTextarea.js (function($){ $.fn.autoTextarea = function(options) { var defaults={ maxHeight:
-
jquery实现textarea 高度自适应
之前给大家分享过用Javascript控制文本框textarea高度随内容自适应增长收缩,今天花了点时间换了种实现方法,总结一下 复制代码 代码如下: jQuery.fn.extend({ autoHeight: function(){ return this.each(function(){ var $this = jQuery(this); if( !$th
-
jQuery往textarea中光标所在位置插入文本的方法
本文实例讲述了jQuery往textarea中光标所在位置插入文本的方法.分享给大家供大家参考.具体实现方法如下: <html> <head> <script src="jquery-1.8.1.min.js"></script> <script > $(function() { /* 在textarea处插入文本--Start */ (function($) { $.fn.extend({ insertContent : f
-
jQuery实现在textarea指定位置插入字符或表情的方法
本文实例讲述了jQuery实现在textarea指定位置插入字符或表情的方法.分享给大家供大家参考.具体实现方法如下: 1. 函数定义 复制代码 代码如下: (function($){ $.fn.extend({ insertAtCaret: function(myValue){ var $t=$(this)[0]; if (document.selection) { this.focus()
-
jQuery实现textarea自动增长宽高的方法
本文实例讲述了jQuery实现textarea自动增长宽高的方法.分享给大家供大家参考,具体如下: <script type="text/javascript"> $(function(){ $("#iptcont").bind("keydown",function(e){ var key = e.which,that = this,h = 20; if (key == 13) { var brs = $(this).val().sp
-
js获取图片宽高的方法
本文分享多种js获取图片宽高的方法,并且通过实例进行分析,希望大家从中有所收获. 一.简陋的获取图片方式 // 图片地址 后面加时间戳是为了避免缓存 var img_url = 'upload/2013/13643608813441.jpg?'+Date.parse(new Date()); // 创建对象 var img = new Image(); // 改变图片的src img.src = img_url; // 打印 alert('width:'+img.width+',height:'
-
js判断图片加载完成后获取图片实际宽高的方法
本文实例讲述了js判断图片加载完成后获取图片实际宽高的方法.分享给大家供大家参考,具体如下: 通常,我们会用jq的.width()/.height()方法获取图片的宽度/高度或者用js的.offsetwidth/.offsetheight方法来获取图片的宽度/高度,但这些方法在我们通过样式设置了图片的宽高后获取的就不是图片的实际宽高,这显然在有些时候不是我们想要的结果,那么有没有一种方法来获取这样的实际宽高呢?答案是有的.下面的代码就能解决这样的问题: <img src="01.jpg&q
-
Android编程动态修改RelativeLayout宽高的方法
本文实例讲述了Android编程动态修改RelativeLayout宽高的方法.分享给大家供大家参考,具体如下: 我们经常会动态修改RelativeLayout的宽高,这样的代码,比较简单,就是修改Relativelayout的LayoutParams就可以.代码一般如下: RelativeLayout ss = (RelativeLayout) findViewById(R.id.myRelativeLayout); ss.setLayoutParams(new RelativeLayout.
-
Android编程实现获得手机屏幕真实宽高的方法
本文实例讲述了Android编程实现获得手机屏幕真实宽高的方法.分享给大家供大家参考,具体如下: WindowManager w = activity.getWindowManager(); Display d = w.getDefaultDisplay(); DisplayMetrics metrics = new DisplayMetrics(); d.getMetrics(metrics); // since SDK_INT = 1; widthPixels = metrics.width
-
Android编程获取屏幕宽高与获取控件宽高的方法
本文实例讲述了Android编程获取屏幕宽高与获取控件宽高的方法.分享给大家供大家参考,具体如下: 获取屏幕宽高 // 获取屏幕宽高(方法1) int screenWidth = getWindowManager().getDefaultDisplay().getWidth(); // 屏幕宽(像素,如:480px) int screenHeight = getWindowManager().getDefaultDisplay().getHeight(); // 屏幕高(像素,如:800p) L
-
微信小程序实现动态获取元素宽高的方法分析
本文实例讲述了微信小程序实现动态获取元素宽高的方法.分享给大家供大家参考,具体如下: 我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuery() 这个api接口,以前的某些问题就能得到解决了... 那么,这个api接口怎么用呢? 首先,这个接口会返回一个对象实例. var obj=wx.createSelectorQuery(); 下面的就是返回的对象实例 obj 的所有内容. 返回的 obj 有五个方法: 1. obj.in(co
-
Android利用反射机制调用截屏方法和获取屏幕宽高的方法
想要在应用中进行截屏,可以直接调用 View 的 getDrawingCache 方法,但是这个方法截图的话是没有状态栏的,想要整屏截图就要自己来实现了. 还有一个方法可以调用系统隐藏的 screenshot 方法,来进行截屏,这种方法截图是整屏的. 通过调用 SurfaceControl.screenshot() / Surface.screenshot() 截屏,在 API Level 大于 17 使用 SurfaceControl ,小于等于 17 使用 Surface,但是 screen
-
MySQL如何设置自动增长序列SEQUENCE的方法
目录 1.创建表emp_seq,用来存放sequence值: 2.手动插入数据: 3.定义函数 nextval: 4.恢复默认的语句结束符: 6.执行外部SQL脚本命令 7.成功导入sql脚本后,那咱们就需要验证一下,进入mysql,并进入数据库,我这里是jsd170101 8.下面说说如何应用在DML语句中 本文主要介绍了MySQL如何设置自动增长序列 SEQUENCE,具体如下: 解决思路:由于mysql不带sequence,所以要手写的,创建一张储存sequence的表(emp_seq),
-
原生js获取宽高与jquery获取宽高的方法关系对比
说明:1.因为获取高度的情况跟获取宽度的情况一样,所以以下只说获取宽度的情况. 2.以下所说的所有方法与属性所返回的值都是不带单位的. 3.为了方便说明,以下情况采用缩写表示: obj -> 在原生JS中表示DOM对象:在JQuery中表示JQuery对象 Width -> obj.style.width OffsetWidth -> obj.offsetWidth $width -> obj.width() $innerWidth -> obj.innerWidth() $
随机推荐
- SQLite数据库管理系统-我所认识的数据库引擎
- 冒泡排序的原理及java代码实现
- Asp.net实时显示文本框字数实现代码
- php pthreads多线程的安装与使用
- 常见的在Python中实现单例模式的三种方法
- DIV+CSS 网页TIP的简单作法
- Spring Boot集成Redis实现缓存机制(从零开始学Spring Boot)
- 解决ajax返回验证的时候总是弹出error错误的方法
- c++中strcpy函数在VS2015无法使用的问题
- jQuery纵向导航菜单效果实现方法
- auto病毒引发木马下载者病毒的完美解决方案 原创
- C语言代码中调用C++代码的方法示例
- C#实现根据字节数截取字符串并加上省略号的方法
- Android 自定义圆形头像CircleImageView支持加载网络图片的实现代码
- 使用python 和 lint 删除项目无用资源的方法
- webpack自动打包和热更新的实现方法
- 微信小程序 弹窗输入组件的实现解析
- PyQt+socket实现远程操作服务器的方法示例
- 手把手带你封装一个vue component第三方库
- php 与 nginx 的处理方式及nginx与php-fpm通信的两种方式