`
youzhibing
  • 浏览: 51090 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

js聚焦问题

阅读更多
实现的功能:输入框,保留原有内容并聚焦到文本末尾

遇到的问题:不能聚焦!即使是不管文本,也不能聚焦!

解决的过程:理论上先聚焦再赋值原来的内容,但是只是保留了原文本内容,却没有聚焦,更别说聚焦的位置了
 $(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 特效 html 特效 输入框聚焦技巧

    js页面聚焦滚动在线使用连接百度翻译

    在网页设计和开发中,"js页面聚焦滚动"是一种常见的交互设计技术,它允许用户在浏览网站时自动或手动地将页面滚动到特定位置。这种技术通常用于引导用户注意力,如展示广告或突出重要的内容区域。结合“在线使用连接...

    jQuery带聚焦效果图片切换代码.zip

    jQuery带聚焦效果图片切换代码是一款基于jquery-bigSlider.js制作当前图片高亮和图片放大两种聚焦效果。

    js+css_聚焦文本框显示可拖动日历

    在压缩包中的文件名"js+css_聚焦文本框显示日历"暗示了实现这一功能的主要代码可能分为两部分:JavaScript文件(可能命名为`calendar.js`或其他类似名称)和CSS文件(如`calendar.css`)。JavaScript文件包含了上述...

    Vue指令你可以很方便地对页面中所有input和textarea的自动聚焦行为进行流程控制

    Vue.js 是一款非常流行的前端框架,它通过声明式的数据绑定和组件化开发,极大地提高了Web应用的开发效率。在Vue中,"指令"是其核心特性之一,它们提供了一种方式来扩展HTML元素的行为。标题提到的“Vue指令”特别...

    javascript调用exe文件,弹出系统软键盘

    通常,它会包含一个`<script>`标签来引入JavaScript代码,或者使用外部.js文件来包含调用exe的逻辑。例如: ```html <!DOCTYPE html> 调用系统软键盘 ()">点击弹出软键盘 function runOSK() { // 这里...

    jquery聚焦表单高亮.zip

    jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务,使得开发者可以更加便捷地实现这些功能。 在这个"jquery聚焦表单高亮"的案例中,我们可以学习以下几个关键知识点: 1. ...

    JavaScript聚焦于第一个字段的代码

    总结起来,JavaScript的`focus`方法和循环遍历技巧为我们提供了一种有效的方法来自动聚焦表单的第一个可见字段。这种方法可以提升用户界面的可用性,尤其是对于移动设备或辅助技术的用户,他们可能依赖这种自动聚焦...

    模仿照相机 Flash特效 JS特效

    在IT行业中,JavaScript(JS)是一种广泛用于网页和网络应用的编程语言,它极大地丰富了用户的交互体验。本文将深入探讨如何使用JavaScript实现模仿照相机的Flash特效。 首先,让我们理解"模仿照相机"的概念。在...

    jQuery聚焦相册.zip

    jQuery聚焦相册,正如其名,是一款专为提升网页相册体验而设计的JavaScript插件。它巧妙地融合了jQuery库的强大功能和精美的视觉效果,为用户提供了一种独特的图片浏览方式。本文将深入探讨这款插件的核心特点、工作...

    通过Javascript打开摄像头进行二维码扫描

    通过Javascript打开摄像头进行二维码扫描

    带聚焦效果的jQuery响应式图片轮播图插件

    在实际应用中,为了使用jQuery-bigSlider,你需要在页面中引入jQuery库和插件的JS和CSS文件,然后编写一些基本的HTML结构来放置轮播图,并使用JavaScript代码初始化插件。在压缩包文件"jquery-bigSlider-master"中,...

    JS将光标聚焦在文本最后的实现代码

    在JavaScript中,将光标聚焦在文本最后是一个常见的需求,特别是在输入框中用户需要立即开始输入时。在给定的代码示例中,一个简单的函数`cursorEnd()`被定义来实现这个功能。以下是对这段代码的详细解释: 首先,...

    鼠标十字聚焦效果

    "js"文件则很可能是包含实现十字聚焦效果逻辑的JavaScript代码。通过查看这两个文件的具体内容,我们可以更深入地理解这种效果的实现细节。 总的来说,"鼠标十字聚焦效果"是利用JavaScript的动态特性,结合HTML和...

    模拟照相机照像效果JavaScript特效

    这些可以通过修改像素数据实现,或者使用现有的库,如Pixi.js、Fabric.js等,它们提供了更高级的图像操作接口。滤镜效果可以使用CSS3的滤镜函数,或者直接在Canvas上应用自定义的算法。 此外,为了提升用户体验,...

    ribbonjs使用HTML5canvas生成色带JS库

    其次,JavaScript在Ribbon.js中扮演了驱动角色。它控制着Canvas元素的画布上下文(`canvas.getContext('2d')`),执行绘制命令,以及处理动画帧更新。JavaScript的事件监听和定时器函数(如`requestAnimationFrame()...

    arcgis js引入天地图的js(最新可用)

    本主题聚焦于如何在arcgis js项目中集成天地图(TianDiTu),这是一个由中国国家基础地理信息中心提供的免费公开地图服务。 天地图提供了丰富的地图数据资源,包括地形图、卫星影像、电子地图等,能够为arcgis js...

    js实例大全 js实例

    本"JS实例大全"聚焦于展示JavaScript在实际应用中的各种功能和技巧,帮助开发者更好地理解和掌握这门语言。 一、基础语法与数据类型 JavaScript的基础语法包括变量声明(var、let、const)、数据类型(如字符串、...

    JQ JS javascript 截图功能 画图功能

    在IT领域,JavaScript(JS)和jQuery(JQ)是前端开发中不可或缺的工具,尤其在实现用户交互和动态效果方面。本主题聚焦于利用这些技术实现截图和画图功能,这在现代Web应用中非常常见,比如在线教育、协作编辑、...

Global site tag (gtag.js) - Google Analytics