Questions tagged «focus»

有没有一种简单的方法可以在加载页面时将网页的焦点（输入光标）设置在第一个输入元素（文本框，下拉列表等）上，而无需知道该元素的ID？ 我想将其实现为Web应用程序所有页面/表单的通用脚本。

84 javascript  html  forms  focus 

我想知道它们之间的实际区别...什么时候应该使用每种方法，应该怎样使用它们，以及在每种情况下都有帮助？ 给出一些例子并详细解释它们。

80 android  focus  focusable 

我想在:focus不需要时禁用它，因为我不喜欢焦点放在导航上时的外观。它使用与相同的样式，.active并且令人困惑。但是我不想为使用键盘的人摆脱它。 我当时想enabled-focus在按Tab时在正文上添加一个类，然后添加一个类，body.enabled-focus a:focus{...}但这将为每个具有焦点的元素添加很多额外的CSS。然后，首先将鼠标从身体上移开该类。 我将如何处理？有更好的解决方案吗？

78 css  focus 

我需要知道用户当前是否在Google Chrome浏览器中查看标签页。我尝试使用事件模糊和焦点绑定到窗口，但是只有模糊似乎可以正常工作。 window.addEventListener('focus', function() { document.title = 'focused'; }); window.addEventListener('blur', function() { document.title = 'not focused'; }); 焦点事件的工作很奇怪，仅在某些时候如此。如果我切换回另一个标签，则焦点事件将不会激活。但是，如果我单击地址栏，然后返回页面，它将。或者，如果我切换到另一个程序，然后再回到Chrome，则该选项卡当前处于焦点状态时它将激活。

75 javascript  google-chrome  focus 

我有一个像这样的简单输入字段。 <div class="search"> <input type="text" value="y u no work"/> </div>​ 我正在尝试focus()在函数中进行操作。因此，在随机函数内部（与它的功能无关），我有这行代码…… $('.search').find('input').focus(); 在任何台式机上，这都可以正常工作。 但是，它不适用于我的iPhone。该领域没有得到重点关注，并且键盘没有显示在我的iPhone上。 为了测试目的并向大家展示这个问题，我做了一个快速示例： $('#some-test-element').click(function() { $('.search').find('input').focus(); // works well on my iPhone - Keyboard slides in }); setTimeout(function() { //alert('test'); //works $('.search').find('input').focus(); // doesn't work on my iPhone - works on Desktop }, 5000);​ 知道为什么focus()我的iPhone无法使用超时功能。 要查看实时示例，请在iPhone上测试此小提琴。http://jsfiddle.net/Hc4sT/ 更新： 我创建了与当前项目完全相同的案例。 …

75 javascript  jquery  iphone  input  focus 

假设您有类似的内容： <div class="parent"> <input class="childInput" type="text" /> <div class="sibling"></div> </div> 当孩子获得焦点时，我想更改父母/兄弟姐妹的外观。做这样的事情有CSS技巧吗？ 编辑： 我的问题的原因如下： 我正在创建一个需要可编辑文本字段的Angular应用。在单击之前，它应该看起来像一个标签，此时它应该看起来像是普通的文本输入。我基于：focus设置了文本字段样式，以实现此效果，但是文本被文本输入的边界所截断。我还使用ng-show，ng-hide，ng-blur，ng-keypress和ng-click在标签和基于模糊，按键和点击的文本输入之间进行切换。除一件事外，此方法运行良好：标签的ng-click =“ setEdit（this，$ event）”将ng-show和ng-hide使用的编辑布尔值更改为true后，它使用jQuery调用.select（）文字输入。但是，直到ng-click完成后，所有内容才被$ digestd，因此文本输入再次失去焦点。由于文字输入从未真正获得焦点， 编辑： 这是该问题的一个小例子：http ://plnkr.co/edit/synSIP? p= preview

75 javascript  html  css  angularjs  focus 

我正在开发一个应用程序，用户可以在其中按“搜索”图标，ActionBar并SearchView在屏幕顶部显示a。 我的问题是键盘SearchView既没有聚焦也没有展开，因此用户必须按上的搜索按钮Searchview使其展开并拿出键盘。 应该如何解决？

74 android  search  focus  expand 

我有一个<div contenteditable=true>由所见即所得定义一些元素的地方。例如<p>，<h1>等等。我想直接将重点放在其中一个元素上。 例如在<p id="p_test">。但是似乎focus()函数对<div>元素，<p>元素不起作用... 在我的情况下，还有另一种方法来定义焦点吗？

73 jquery  focus  contenteditable 

我是Flutter的新手。 我正在使用以下窗口小部件构建具有多个文本输入的表单：Form，TextFormField。出现的键盘不显示“下一个”（应将焦点转移到下一个字段）字段操作，而是“完成”操作（隐藏键盘）。 我在官方文档中寻找任何提示，没有发现直接可以做的事情。我虽然登陆了FocusNode（cookbook，api doc）。它提供了通过应用程序上的某些按钮或任何其他操作来转移焦点的机制，但我希望它位于键盘中。

72 flutter  dart  focus  textfield 

我有3个用于输入电话号码的文本框。当用户键入内容时，它会自动从一个文本框移动到下一个文本框。当用户按下退格键时，我可以将焦点移到上一个文本框。问题在于，在IE中，焦点设置为文本框的开头。这是我的代码，在chrome中可以正常工作。 $('#AreaCode').live('keyup', function (event) { if ($(this).val().length == $(this).attr("maxlength")) $('#Prefix').focus(); }); $('#Prefix').live('keyup', function (event) { if (event.keyCode == 8 && $(this).val().length == 0) $('#AreaCode').focus(); if ($(this).val().length == $(this).attr("maxlength")) $('#Number').focus(); }); $('#Number').live('keyup', function (event) { if (event.keyCode == 8 && $(this).val().length == 0) $('#Prefix').focus(); }); 向后移动时如何将焦点设置在内容的末尾？

71 jquery  focus 

我已经在JavaScript中完成了以下代码，将重点放在特定元素上（branch1是一个元素）， document.location.href="#branch1"; 但是由于我也在Web应用程序中使用jQuery，所以我想在jQuery中执行上述代码。我已经尝试过，但是不知道为什么它不起作用， $("#branch1").focus(); 上面的jquery（focus（））代码不适用于div，而如果我尝试使用文本框使用相同的代码，则它可以正常工作， 请告诉我，如何使用jQuery专注于div元素？ 谢谢！

71 javascript  jquery  html  focus 

当我开始在textarea中写文本时，我希望带有div框的外部div的边框变为实心而不是虚线，但是：focus在这种情况下不适用。如果它与：active一起使用，为什么它与：focus不一起使用呢？ 有什么想法吗？ （注意。我希望DIV的边框变为实线，而不是文本区域） div.box { width: 300px; height: 300px; border: thin dashed black; } div.box:focus{ border: thin solid black; } <div class="box"> <textarea rows="10" cols="25"></textarea> </div>

70 css  focus  stylesheet 

刚开始使用引导程序，这真是太神奇了。 我正在尝试解决这个问题。我在模态窗口中有一个textarea供反馈。效果很好。但是，我希望当您单击按钮以激活模式时，焦点将集中在文本区域上。而且我似乎无法正常工作。 这是一个小提琴：http : //jsfiddle.net/denislexic/5JN9A/4/ 这是代码： <a class="btn testBtn" data-toggle="modal" href="#myModal" >Launch Modal</a> <div class="modal hide" id="myModal"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h3>Modal header</h3> </div> <div class="modal-body"> <textarea id="textareaID"></textarea> </div> <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a> <a href="#" class="btn btn-primary">Save changes</a> </div> </div>​ 这是JS $('.testBtn').on('click',function(){ $('#textareaID').focus(); });​ 继续 当我单击“启动模态”时，我希望模态显示出来，并将焦点放在文本区域上。 …

69 javascript  jquery  twitter-bootstrap  focus  textarea 

我已经阅读了讨论此问题的其他问题，除了创建的第一个问题以外，所有这些问题都适用于我的布局。 目前，这是我onCreate方法的顶部： getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN); ^这样可以确保至少在启动时不会弹出键盘，但EditText仍会专注于键盘。 这是XML我的EditText： <EditText android:id="@+id/password" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/changePass" android:layout_centerHorizontal="true" android:layout_marginTop="167dp" android:ems="10" android:imeOptions="flagNoExtractUi" android:inputType="textPassword" android:maxLength="30" > </EditText> 这是我进行活动时的样子： 问题在于，对于某些手机，当EditText像这样聚焦时，他们将无法书写。我希望它不集中精力。 我所做的工作适用于接下来提出的布局，因为EditTexts它们没有重点关注，看起来会更像这样： 请注意，尽管布局相同。这是将用户带回到该屏幕之后的屏幕，这将表示没什么错，XML因为这是相同的XML，但问题EditText是只是在创建活动时才关注。 我已经进行了研究，所有其他问题对此都无济于事（谢天谢地，它们确实帮助键盘没有出现）。我如何才能使EditText启动时看起来像第二个屏幕截图，而不是第一个？

68 java  android  focus  android-edittext