使input文本框随内容变化改变长度
2017-12-12 17:36
323 查看
propertychange——属性改变事件
<script type="text/javascript"> $(function(){ $('.input').bind('input propertychange',function(){ var obj = $(this); var text_length = obj.val().length; //获取当前长度 var width = parseInt(text_length)*12; //该12是改变前的宽度除以当前字符串的长度,算出每个字符的长度 obj.css('width',width+'px'); }); }) </script>
相关文章推荐
- 如何使一个input文本框随其中内容而变化长度(转)
- 如何使一个input文本框随其中内容而变化长度。
- 使一个input文本框随其中内容而变化长度的方法
- 捕获input 文本框内容改变的事件(onchange,onblur,onPropertyChange比较)
- input 随其内容而变化长度
- 捕获input 文本框内容改变的事件(onchange,onblur,onPropertyChange比较)
- 监听输入框值变化的最佳方案 oninput 和 onpropertychange (实时监控文本框改变的最佳方案)
- 捕获input 文本框内容改变的事件(onchange,onblur,onPropertyChange比较)
- 捕获input 文本框内容改变的事件
- 监听文本框内容改变事件之oninput、onchange与onpropertychange事件的用法和区别
- 捕获input 文本框内容改变的事件
- 捕获input 文本框内容改变的事件(onchange,onblur,onPropertyChange比较)
- 捕获input 文本框内容改变的事件(onchange,onblur,onPropertyChange比较)
- 捕获input 文本框内容改变的事件(onchange,onblur,onPropertyChange比较)
- 捕获input文本框内容改变的事件(onchange,onblur,onPropertyChange比较)
- 捕获input文本框内容改变事件的js代码
- input 长度随内容长度自动变化
- input长度根据输入内容变化
- 捕获input文本框内容改变事件的js代码
- 文本框长度随其内容长度而变化