文章插图
文章插图
在前端开发中,有时我们为了客户更好的体验,需要使用js处理一些css解决不了的问题
比如,当文本框的文字多余文本框的时候,有一部分文字没有出来的时候,我们点击文本框,让焦点出现在最后面,这样子可以提高用户的体验
【jquery中元素获得焦点时触发什么事件 jquery聚焦事件】这里举个例子来说明一下
比如这种情况
当点击文本框的时候,在文本框的焦点出现在最后
下面用代码来举例
//html结构
<body>
<input type=”text” value=http://www.mnbkw.com/jxjc/188831/”这一行文字的焦点一定会出现在最后”>
<button>按钮</button>
</body>
123456
jquery
$(“button”).click(function(event) {
$(“input”).focus();//使input获取焦点
var result=$(“input”).val();//对input取值
$(“input”).val(“”)//使input的值为空
$(“input”).val(result);//重新负值
$(“input”)[0].scrollLeft=700;//这里我对文本框的属性做了一个猜想,应该是有混动条的属性的,所以进行一个偏移
});
123456789
最后看一下gif图
- 在ps中选区是可以保存的它保存在 ps中如何保存选区
- 雨中叠罗汉读后感 雨中叠罗汉
- 中国科学家突破二氧化碳人工合成淀粉技术观点 中国科学家突破二氧化碳人工合成淀粉技术试题题库
- 腰果的禁忌
- oracle替换字符串中的字符 oracle如何替换字段中指定的字符
- java中将字符串分割成数组 java把一串数字拆分成数组
- 需要多少时间才能从分手中走出来 分手后三个月是最佳
- 大暑养生 大暑吃什么防中暑
- 表中增加字段备注 sql表增加字段和注释
- 发展中国家 俄罗斯是发展中国家还是发达国家