实现的功能:输入框,保留原有内容并聚焦到文本末尾
遇到的问题:不能聚焦!即使是不管文本,也不能聚焦!
解决的过程:理论上先聚焦再赋值原来的内容,但是只是保留了原文本内容,却没有聚焦,更别说聚焦的位置了
$(document).ready(function(){
//回车事件
$("#right_input_search_name").keydown(function(event)
{
if (event.keyCode == 13)
{
searchRights();
$("#right_input_search_name").focus().val($("#right_input_search_name").val());
}
});
});
没有聚焦!!
后面尝试着加了一句alert
$(document).ready(function(){
//回车事件
$("#right_input_search_name").keydown(function(event)
{
if (event.keyCode == 13)
{
searchRights();
alert("test");
$("#right_input_search_name").focus().val($("#right_input_search_name").val());
}
});
});
想要的结果出来了------聚焦到文本末尾了,可不想要的结果也出现了------多了个弹出框!
后来有网友给了种方案
$(document).ready(function(){
//回车事件
$("#right_input_search_name").keydown(function(event)
{
if (event.keyCode == 13)
{
searchRights();
setTimeout(function()
{
$("#right_input_search_name").focus().val($("#right_input_search_name").val());
}, 600);
}
});
});
600毫秒后再去聚焦到文本末尾;
至此功能实现,可测试过程发现,setTimeout设置的时间太小不能聚焦,小于500偶尔不能聚焦
功能虽然实现,可不知其所以然!知道的朋友可以留个言指导下,不知道的朋友可以参考先解决问题!
分享到:
相关推荐
js 特效 html 特效 输入框聚焦技巧 js 特效 html 特效 输入框聚焦技巧
js页面聚焦滚动 在线使用连接百度翻译 含js css 页面更改为html便于查看效果
jQuery带聚焦效果图片切换代码是一款基于jquery-bigSlider.js制作当前图片高亮和图片放大两种聚焦效果。
jquery聚焦表单高亮
代码如下: [removed] //将光标聚焦在文本最后 function cursorEnd(){ var e = event.srcElement; var r = e.createTextRange(); r.moveStart(‘character’,e.value.length); r.collapse(true); r.select(); } ...
一个javascript调用系统exe文件,弹出系统自带的软件盘的例子。
js+css_当聚焦文本框时显示可日历,日历随便拖动
重要的话说三遍:拷贝代码加相机权限、拷贝代码加相机权限、...功能描述:相机取景框、自动聚焦、闪光灯、前后照相机切换 这里是必须权限: <uses-feature android:name="android.hardware.camera.autofocus"/>
150个js特效焦点图幻灯片效果打包下载,js特效打包,资源打包,焦点图 内含: 韩国购物网flash产品推荐 国家地理官网FLASH焦点图展示 迅雷网div css js图片展示代... ChinaRen首页5屏Flash焦点图 酷6网Flash焦点图代码 ...
Javascript特效,模拟照相机照像效果
jquery-bigSlider是一款带聚焦效果的jQuery响应式图片轮播图插件。该轮播图插件可以制作当前图片高亮和图片放大两种聚焦效果。
Vue指令,你可以很方便地对页面中所有input和textarea的自动聚焦行为进行流程控制
这个主要会用在表单字段中,所以我这里做的实验只针对表单字段。在form的子元素中循环查找第一个不是隐藏字段的字段,然后使用focus方法获得焦点。(呵呵^_^,很简单!) 代码如下: FormUtil.focusOnFirst = ...
模仿照相机 Flash特效 JS特效 很棒的,绝对推荐
当表单加载的时候,会有一段等待加载的动画特效,表单加载完成后会以弹出...另外这款登录表单最有趣的地方在于,当我们聚焦输入框时,该输入框会出现气泡发光的动画特效,这一切都是由JavaScript结合CSS3特性实现而成。
ng-focusme 角度模块(自动)聚焦表单元素安装 npm install ng-focusme如何使用通过 npm 下载或安装在您的代码库中包含 JS 文件向您的应用程序添加模块依赖项 angular . module ( 'app' , [ 'io.dennis.focusme' ] )...
本次文档实现当点击网页文本框获取焦点就改变文本框内部颜色的部分功能
鼠标移动到导航文字上,背景图片从上往下,呈现翻滚效果;
websocket实现实时指令交互,web调用IC卡读卡器开发,通过纯js调用读卡器获取实时数据,html+css+js开发web前端,通过websoket通讯实现与读卡器等硬件设备的信息交互。