jquery_ui 的dialog自动获取焦点的研究

最新推荐文章于 2022-03-21 17:20:38 发布
最新推荐文章于 2022-03-21 17:20:38 发布
阅读量2k 收藏
点赞数
分类专栏： 前端笔记 文章标签： jquery ui 插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dove88888888/article/details/51064565
版权

在写dialog注册的时候，jQuery_ui这个小插件会自动把焦点绑定到第一个text上，这是为什么呢？

其实并不是默认绑定第一个text，而是默认的绑定第一个有autoFocus属性的元素，如果所有dialog中的元素都没有autoFocus这个属性，就会自动绑定第一个tab。

所以如果你想移除这个有点烦的自动获取焦点（比如在用tooltip的时候，click弹出之后，自动显示出来第一个text的tooltip，这个并不是很友好的效果。），最最简单的方法就是在一个你认为相对来讲只是装饰的控件上来添加一个属性：autoFocus：’autoFocus‘（比如，我这回做的注册表单，我就把这个属性定义在了性别的选项上，见图）

这里写图片描述

Dove88888888
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Element-ui关于对话框中表单自动获取焦点的实现
love_dzq的博客
01-10 4896
this.$nextTick()在页面交互，尤其是从后台获取数据后重新生成dom对象之后的操作有很大的优势，是解决这次问题的关键。
JQuery UI Dialog 参数传递及事件交互技术
上步七星
06-11 1万+
JQuery UI Dialog 是主页面和子页面交互的常用控件，经常碰到的问题是：参数传递，事件交互和页面元素的清除回收。本文使用MVC4,JQuery,Html开发做以示例。 1. Dialog打开的代码示例如下： var chatDialog = $("#divChatDialog").load("../im/ChatDialog", function () { va
表单输入框自动获得焦点自动获焦+一些实体字符
angrynouse的博客
03-21 1351
自动获焦：autofocus，比如百度浏览器直接打卡，光标就在输入框内闪烁，这就是自动获焦。 但如果输入框不是网页的主要功能，就不要用自动获焦。 <input type="text" autofocus> <!--光标自动在文本框闪烁--> <input type="text" required> <!--规定文本框为必填项，不能为空，否则自动提示填写--> 自动获得焦点效果如上图。 required表示这个输入框是必填的，不填会给出提示 ...
ligerUI调用$.ligerDialog.open弹出窗口，关闭后无法获取焦点问题
热门推荐
蓝缘
03-04 2万+
1：调用父窗口某一个文件框，获取焦点， parent.window.document.getElementById("roleName").focus(); 2：关闭父窗口 parent.$.ligerDialog.close(); //关闭弹出窗 3：调用父窗口的gird刷新列表  parent.window.initBaseInfoGrid();//调父窗口某个方法 4：移除父窗口
jQuery dialog组件 按钮焦点 选择
qqxingxzh的专栏
11-09 710
$("#message").dialog({ autoOpen: false, modal: true, buttons: { Yes: function() { }, No:function() { } }, focus : function (e, ui) { $($("#mess
jquery dialog打开时，焦点自动在第一个text框上
kittaaron的专栏
06-25 2384
今天在用jqueryui的日历功能，datepicker时碰到一个问题。输入框在一个弹出的jquery dialog中，每次dialog(“open”)的时候，对话框的焦点自动focus到第一个框，正好这个input框绑定了datepicker，就自动把日历弹出来了。 google了一下，还真碰到正好也有这个问题的： http://stackoverflow.com/questions/120
dialog获取焦点
weixin_30722589的博客
09-25 433
弹出层是一个iframe openWindow:function (options) { var url = options.url; url += url.indexOf("?") > 0 ? "&" : "?"; url += "ran=" + Math.random(); var isScroll = options.isScro...
关于自定义dialog的使用-获取焦点框
zhanghua1068的博客
01-21 777
这个就是将类封装到了界面内，直接在界面上进行展示和显示，这个方法好 1，先上代码 public class DrawFocusRectActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreat...
jquery dialog获取焦点的方法
10-20
主要介绍了jquery dialog获取焦点的方法,结合实例形式分析了jQuery UI插件对话框dialog的基本使用技巧,需要的朋友可以参考下
jquery_dialog jquery_dialog jquery_dialog
06-25
jquery_dialogjquery_dialogjquery_dialogjquery_dialogjquery_dialogjquery_dialogjquery_dialog
jQueryUI的Dialog的简单封装
10-29
几天在做一个交互的原型，第一次大量采用jQueryUI，确实非常方便好用，其中一些功能点用到了弹出确认提示框，看了jQueryUI Dialog的例子，效果还不错，就是用起来有点儿别扭
jQuery Dialog 打开时自动聚焦的解决方法(两种方法)
11-29
下面给大家介绍两种方法解决jQuery Dialog 打开时自动聚焦问题。具体实现方法大家可以参考下本文。 方法一： p1_dialog_seniorSearch.dialog({ title:"高级查询", autoOpen:false,//默认关闭 modal: true,//开启遮罩层 width:570, height:330, buttons: { "查询":function(){ seniorSearch(1,20) } , "关闭": function() { p1_dialog_seniorSearch.dialog( "close" ); } }, open:functio
浅析JQuery UI Dialog的样式设置问题
01-19
最近在用一个JQUERY UI Dialog的插件，感觉特别强大，但样式设置比较麻烦，研究了俩天终于搞定了。 运行插件，需要的环境如下 [removed][removed] [removed][removed] <link href=”CSS/themes/redmond/jquery.ui...
jquery dialog 获取焦点
zhuyangxing的专栏
09-11 725
$(document).ready(function () { //初始化新增申请对话框 $("#addBusinessTrip").dialog({ open: function (event, ui) { $(':input', '#addBusinessTripForm').not(':button, :submit, :res
Android之自定义Dialog中获取焦点问题
fly_Xiaoma的博客
11-23 6113
描述：在Activity中（Fragment）显示dialog时，此dailog会自动获取本屏幕的焦点，因此它会自动拦截你对物理按键的操作，而有时你不需要它拦截，或者只是让父布局做此操作，那么只需要在dialog的监听事件中做一些操作即可（如果是MVP架构模式，在里面尽量少做业务操作） 思路：直接实现DialogInterface的onKeyListener()的监听 DialogInter...
jquery ui dialog autofocus 去掉默认第一个元素获取焦点
淘淘小窝
08-10 3350
p1_dialog_seniorSearch.dialog({ title:"高级查询", autoOpen:false,//默认关闭 modal: true,//开启遮罩层 width:570, height:330, buttons: { "查询":function(){ seniorSearch(1,20) } , "关闭": functio
jQuery dialog设置focus焦点
cychai的专栏
01-16 1万+
       当弹出对话框，默认我们应该将焦点定位到输入的文本框，但是在dialog.show()之前写上$("#txtGroupName").focus();无法生效。      查看jQuery的官方文档后，发现dialog提供了一个focus的参数，ok，试试先~~  //显示新建项目群组对话框function showCreateProjectGroupDialog(i)
UF_UI_select_with_class_dialog这个函数怎么设置筛选曲线
最新发布
05-13
UF_UI_select_with_class_dialog函数是UG/Open API中的函数，用于在对话框中选择特定类别的实体，比如曲线、点、面等等。要设置筛选曲线，需要使用该函数的相关参数。具体步骤如下： 1. 在调用该函数前，需要定义一...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值