jQuery autocomplete 导致页面光标自动定位到了文本框

最新推荐文章于 2021-05-28 00:06:19 发布
最新推荐文章于 2021-05-28 00:06:19 发布 · 371 阅读 · 0
文章标签：

#jQuery #ViewUI

本文解决了一个使用jquery.autocomplete插件时出现的问题：文本框在页面加载完毕后自动获得焦点。通过调整代码，移除了不必要的.focus()调用，使得文本框不再默认获得焦点。
在用jquery.autocomplete 进行自动匹配查询时,发现页面加载完成后,光标就自动停留在文本框,但是我并不想要这个功能,检查发现是由于多用了一个方法: 如下:

$("#name").focus().autocomplete(
"/rule/ervicePkg.htm?method=queryByLikeName", {
scroll : false,
width : 150
});

改成如下即可:

$("#name").focus().autocomplete(
"/rule/ervicePkg.htm?method=queryByLikeName", {
scroll : false,
width : 150
});
jquery的autocomplete(自动补全)插件
03-09
1.该js支持jquery的自动补全功能 2.因为jquery-ui是jquery的插件，所以部分版本jquery可能不支持该插件，建议换成内附的jquery.js 3.如有疑惑，请阅读内附的说明文档
文本框检索
09-11
在这个场景中，`auto.css` 和 `auto.js` 文件可能是实现自动完成（Autocomplete）或自动建议（Autosuggest）功能的关键部分。 首先，`auto.css` 文件是用于定义界面样式和布局的，特别是在文本框检索中，良好的用户...
用jquery让鼠标定位输入框
白不懂黑的静的专栏
10-13 905
$(function(){ $("#id").get(0).focus(); })
光标自动定位到输入框
热门推荐
dw_java08的专栏
03-12 2万+
功能要求描述：打开ie，然后在地址栏中输入网址，显示系统登录页面，光标自动进入第一个输入框。 js代码： window.onload=function() { if(document.readyState=="complete") { document.getElementById("username").focus(); } } ...
jQuery UI Autocomplete控件下拉列表固定高度
TeamMicLee的博客
04-11 3156
jQuery ui Autocomplete控件下拉列表高度默认是自适应的，有多少数据就会加载出来多少行。以下是给下拉列表设置一个默认高度并添加滚动条的解决办法。 在样式里添加以下代码 .ui-autocomplete { max-height: 150px; //默认最大高度150像素 overflow-y: auto; //添加滚动条 /* prevent horizon
jQuery 控制表单里回车键 自动下一个标签
潇湘博客
01-27 1708
jQuery 控制表单里回车键 自动下一个标签默认情况下，在表单(form)的输入框(input)里按回车将会提交(submit)表单。这会造成一个问题：当用户在填写表单时不小心按了回车键(特别是输入框含有历史记录时，这种情况经常发生)，这时不完整的表单会被提交。我们可以通过Javascript来屏蔽回车键，这样当用户键入回车键，表单就不会被提交，而且我们还可以根据需要执行
使用Vue实现文本自动完成(快捷回复)
大大橘子的博客
08-07 2288
2019/8/6 问题描述 简单描述 今天做了一个需求，就是使用textarea进行文本输入时，需要去后台请求字典项来自动完成一些预留的统一本文。刚开始感觉还蛮容易的，但是做到后面坑越来越大，因此记录一下详细的过程。（一个菜鸡后端程序猿，被逼着写前端，巨难受） 需要注意的点 由于业务需要，前端的textarea对应的数据是一个数组，即textarea有多项。【如果是只有一个对象的话会很容易】...
<%@ Page Language=“C#” AutoEventWireup=“true” CodeFile=“AddNewUser.aspx.cs” Inherits=“Admin_lizhitong_AddNewUser” %> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=“http://www.w3.org/1999/xhtml”> <head runat=“server”> <title>注册新用户</title> <link href=“/css/Style.css” rel=“stylesheet” type=“text/css” /> </head> <body> <form id=“form1” runat=“server”> <div> <table border=“0” width=“100%” cellspacing=“1” cellpadding=“2” id=“table2” class=“tableBorder”> <tr> <th valign=“middle” colspan=“2” height=“25”> <table align=“center” width=“100%”> <tr> <td width=“96%” colspan=“2”> 注册用户 </td> </tr> </table> </th> </tr> <tr> <td width=“150” height=“47” align=“center” class=“forumRow”> 用户名： </td> <td class=“forumRow” align=“left”> <asp:TextBox ID=“tbYHM” runat=“server” Height=“19px” Width=“200px” spellcheck=“false” autocomplete=“off” aria-autocomplete=“none”></asp:TextBox> </td> </tr> <tr> <td width=“150” height=“47” align=“center” class=“forumRow”> 用户密码： </td> <td class=“forumRow” align=“left”> <asp:TextBox ID=“tbYHMM” runat=“server” Height=“19px” Width=“200px” spellcheck=“false” autocomplete=“off” aria-autocomplete=“none”></asp:TextBox> </td> </tr> <tr> <td width=“150” height=“47” align=“center” class=“forumRow”> 确认密码： </td> <td class=“forumRow” align=“left”> <asp:TextBox ID=“tbQRMM” runat=“server” Height=“19px” Width=“200px” spellcheck=“false” autocomplete=“off” aria-autocomplete=“none”></asp:TextBox> <asp:Literal ID=“mmErrorMessage” runat=“server”></asp:Literal> </td> </tr> <tr> <td width=“150” height=“47” align=“center” class=“forumRow”> 用户姓名： </td> <td class=“forumRow” align=“left”> <asp:TextBox ID=“tbYHXM” runat=“server” Height=“19px” Width=“200px” spellcheck=“false” autocomplete=“off” aria-autocomplete=“none”></asp:TextBox> </td> </tr> <tr> <td width=“80” height=“47” align=“center” class=“forumRow”> 所属区域： </td> <td class=“forumRow” align=“left”> <div class=“dropdown-container” style=“max-width: 450px;”> <asp:DropDownList ID=“ddlZJ” CssClass=“custom-dropdown” runat=“server” AutoPostBack=“True” onselectedindexchanged=“ddlZJ_SelectedIndexChanged”></asp:DropDownList> <asp:DropDownList ID=“ddlPCS” CssClass=“custom-dropdown” runat=“server” AutoPostBack=“True” onselectedindexchanged=“ddlPCS_SelectedIndexChanged”></asp:DropDownList> <asp:DropDownList ID=“ddlVillage” CssClass=“custom-dropdown” runat=“server” AutoPostBack=“True”></asp:DropDownList> </div> </td> </tr> <tr> <td width=“150” height=“47” align=“center” class=“forumRow”> 工作单位： </td> <td class=“forumRow” align=“left”> <asp:TextBox ID=“tbGZDW” runat=“server” Height=“19px” Width=“200px” spellcheck=“false” autocomplete=“off” aria-autocomplete=“none”></asp:TextBox> <td class=“forumRow” align=“left”> <asp:DropDownList ID=“ddlYHJS” CssClass=“custom-dropdown” style=“width:300px;” runat=“server”></asp:DropDownList> </td> </tr> <tr> <td valign="middle" colspan="2" align="center" class="forumRow"> <span style="color: Red; padding-left: 10px;"> <asp:Button ID="btSubmit" runat="server" Text="提交注册" OnClick="btSubmit_Click" />  <asp:Literal ID="ltMessage" runat="server"></asp:Literal></span> </td> </tr> </table> </div> </form> </body> </html> 怎么让tbQRMM和tbYHMM显示为*号，不用TextMode="Password"方法
最新发布
03-22
嗯，用户问的是如何在ASP.NET页面中让两个文本框（tbQRMM和tbYHMM）显示为星号，但又不使用TextMode="Password"的方法。首先，我需要理解为什么用户不想用TextMode属性。可能的原因是什么呢？也许他们担心使用...
一篇博文带你0基础 Html和css入门
贪吃ღ大魔王
05-28 1122
前端初学入门，找不到学习方向，不喜欢记笔记？没关系，这篇博文为你整理了详细的学习笔记汇总，欢迎收藏，喜欢的可以直接到博文尾处，免费下载md笔记哦~⭐⭐⭐ # Html5 网站: 1、网站的建立流程???? 注册域名 租用空间 网站建设 确定网站的主题 搜索资料 规划网站 制作页面 4.网站的推广 5.网站的维护 2、网页的组成及web标准???? 结构：网页的结构部分 xhtml或html 表现：网页的样式css 行为：网页要实现的功能JS HTML 超文本标记语言 XHTML 可扩
修复jQuery Autocomplete下拉菜单不能左对齐的情况
Hello World!
10-26 2596
集成了jquery autocomplete,不知道为什么生成的下拉框是居中的，没有左对齐，习惯性还是左对齐好看一点，所以修改了一下jquery.autocomplete.css这个样式文件，要想左对齐其实很简单，加上下面这一行代码就行： text-align: left; 在.ac_results li里面添加，添加后css文件代码如下： .ac_results { padding: 0
jQuery Autocomplete 使用详细说明
kokorodo的随堂笔记
09-01 852
jQuery.Autocomplete 是jquery的流行插件，能够很好的实现输入框的自动完成(autocomplete)、建议提示(input suggest)功能，支持ajax数据加载。 官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ 一、调用本地数据 最简单的Autocomplete（...
jQuery autocomplete提示框被遮住问题
我有一只小毛驴
02-24 4992
参考链接 问题引出： 昨天有个需求，弹出层的某个输入框需要用自动补全功能提示，觉得没什么，因为之前有做过输入框自动补全的功能，用的就是jquery.autocomplete插件，觉得还不错，且有高亮显示，如下图所示： 于是立马COPY以前的代码，用倒是能用，不过有点问题……自动补全的提示框被弹出层给遮住了，如下图所示： 位置完全对不上，解决办法如上面的博客所说，是由
jquery autocomplete设置下拉框高度
halfsking的博客
10-25 2180
在jQuery autocomplte.css或项目自定义的css中加入以下css样式：   .ui-autocomplete { max-height: 300px;//最大高度值 overflow-y: auto; //超过高度出现滚动条 /* prevent horizontal scrollbar */ ov...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值