input 随其内容而变化长度
来源:互联网 发布:博格巴 知乎 编辑:程序博客网 时间:2024/05/01 03:55
做页面表单时候,需要input随着其内容而变化长度。网上找了不少资料,发现propertychange(属性改变事件)很适用。
propertychange(属性改变事件):监听input里面的字符变化,该事件不仅仅会监听到input的value属性,还包括其他标签的属性各种属性发生变化都会发生该事件,比如span元素的style属性。在事件发生时还可以用event.propertyName访问到改变的属性名。在网上查到说这个属性是IE专属的,但是我在其他浏览器中,这个属性也是一样起了效果。
$(function(){ //propertychange监听input里面的字符变化,属性改变事件 $('.zy-price').bind('input propertychange', function() { var $this = $(this); console.log($this); var text_length = $this.val().length;//获取当前文本框的长度 var current_width = parseInt(text_length) *16;//该16是改变前的宽度除以当前字符串的长度,算出每个字符的长度 console.log(current_width) $this.css("width",current_width+"px"); }); })
0 0
- input 随其内容而变化长度
- 文本框长度随其内容长度而变化
- input 长度随内容长度自动变化
- 使input文本框随输入内容变化长度的方法
- 使input文本框随内容变化改变长度
- 使input框的宽度随输入的字符的长度变化而变化
- input长度根据输入内容变化
- input宽度随文字变化而变化
- 控件字体大小随内容变化而变化
- javascript ,jq 实现input随文字变化而变化
- 随输入文字长度变化而变化的文本框
- 内容随着显示器的变化而变化
- Jquery监测input内容变化
- 监听input内容实时变化
- 页面内容跟随屏幕分辨率,不随窗口缩放而变化
- 标签(div、input)大小随内容变化
- 随前一个下拉菜单内容变化而变化的下拉菜单
- textarea文本域的高度随内容的变化而变化(适用于编辑文本)
- C++ 位运算:怎样使用位运算简洁高效的完成计算
- ESB v6.6,Governor使用weblogic12c自带数据源,部署和卸载服务连接不释放的问题
- Spring问题笔记(一):prototype类型bean的destroy-method问题
- <a>标签中href="javascript:;"的作用
- kubernetes高级调度特性
- input 随其内容而变化长度
- mysql 连接url中useUnicode=true&characterEncoding=UTF-8 的作用
- LCA
- 谈谈前后端的分工协作
- python-ASCII与字符间的转换
- linux 下USB 摄像头的使用说明
- 使用Myeclipse10创建Maven项目有如下几种方式:
- 原生Ajax书写
- servlet之cookied/session深入浅出(上)