我有一个angular.js应用程序，它应该在执行某些事情时将焦点设置为特定的元素(即，将焦点设置为无效的表单字段，以让用户更正错误)。
我试图在角e2e测试中测试这种行为：
it('should set the focus to the invalid field', function() {
input('email').enter('foo'); // this is not a valid email address
element(/* submit button */).click(); // try to submit th
浏览 1提问于2013-07-17得票数 5
当达到最大长度时，我使用Jquery将焦点从“输入A”移动到“输入B”。此外，我已经设置了它，以便当字符值达到0并按下backspace时，焦点返回到输入A。这样用户就可以很容易地输入这两个字段，就像输入一个连续字段一样。
我遇到的问题是，当我从输入B中删除所有字符，焦点切换回'input‘并开始键入时，第一个按键就会被忽略(它仍然会将焦点切换到'input’)。
jQuery(function($) {
// Tab to next item when maxlength is reached
$(".postcode div:nth-child(1) i
浏览 0提问于2019-12-11得票数 0
回答已采纳
1回答
在Vue.js中，如果我有一个组件(如custom-input )，并且希望从父类中设置焦点，那么是否可以将父类的指令应用于子类？
<custom-input v-focus />
<div class='form-group'>
<input :v-focus='vFocus'> // This doesn't work
</div>
<script type='text/javascript'>
Vue.directive("focus", {
浏览 3提问于2018-10-31得票数 5
回答已采纳
如何仅使用css更改焦点上输入占位符的文本？初始状态：
<form action="">
<input type="text" placeholder="Search">
<button type="submit">Search</button>
</form>
我想在输入的焦点上得到什么。我只需要使用css，而不是js。
<form action="">
<input type="text" pl
浏览 2提问于2019-06-16得票数 1
4回答
目标:用户聚焦输入字段。用户在输入字段中写入值。当用户完成并且输入字段不再处于焦点时，将插入的值保存到一个名为'inputFieldValue‘的变量中。这应该是调用函数‘be’来完成的。
html
<!DOCTYPE html>
<html>
<head>
<title>My test</title>
</head>
<body>
<input class="input" />
<scri
浏览 6提问于2015-09-19得票数 4
回答已采纳
2回答
我有一个请求，在页面加载时，我应该触发Tab键键盘事件。我试过下面的例子，但它不起作用。
我的要求是在页面加载时将焦点设置在父html页面中的元素上，但我没有访问此父页面的源代码的权限。我的html页面是父页面的一部分，作为一个框架。因此，在加载我的页面时(父元素已经加载)，我想触发tab键事件以将焦点设置在父元素上。
注意:此元素是父页面中的第一个元素，因此在第一个选项卡上，焦点将转移到此。我无法编辑父页面
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.g
浏览 2提问于2017-11-08得票数 0
使用@ViewChild装饰器，我获取了ion-input元素，用setFocus()方法设置焦点。这就像预期的一样。我不知道为什么，但我不知道为什么组件的所有Jasmine单元测试都失败了。我尝试过模拟setFocus()方法，但没有成功。有人能帮我做这个知道我做错了什么吗？
带有@ViewChild引用#input_username的模板
<ion-input id="inputusername"
#input_username
color="dark"
浏览 6提问于2021-11-30得票数 0
回答已采纳
1回答
我就是这么做的：
这就是我想要的
这两个搜索栏都是按下状态，我无法找到一种使用引导、CSS、JS、
如何实现此功能。
代码：
.loc-icon{
background-color: white;
border: none;
border-radius: 15px;
padding: 15px
}
.loc-input{
border: none;
padding: 15px;
border-radius: 15px;
}
.loc-submit{
background-color: white;
border: none
浏览 3提问于2021-09-27得票数 2
为什么当我点击DIV中的元素时，DIV就失去了焦点？我有一个JS，当它失去焦点时，它会隐藏DIV。但是，当单击DIV中的元素时，不应该发生这种情况。这需要用.on来完成，因为有一些ajax加载正在进行。
$(document).on('focusout', '#geomodal', function(e) {
console.log('.focusout');
});
<div id="geomodal" tabindex="-1">
<input value="109&#
浏览 5提问于2015-01-29得票数 4
回答已采纳
正如标题所说，我希望当某个input通过在表单域之间切换(使用键盘导航)获得焦点时，打开“选择文件”对话框。默认情况下，“选择文件”窗口仅在单击该字段时打开。
我在JS Bin上为这个问题建立了一个页面：
目前，此页面由以下代码组成：
<!doctype html>
<html>
<head>
<title>Sandbox</title>
<meta charset="utf-8">
</head>
<body>
<form>
&l
浏览 5提问于2009-11-14得票数 1
回答已采纳
1回答
我有一张表格，里面有一张传单。我希望在按tab键的元素之间移动，我不希望地图或他的元素(按钮、标记等)获得焦点。如何将tabindex="-1"添加到映射控件和元素以防止焦点，或者如何防止焦点？
下面是一个用来展示我的场景的小提琴：
var osmUrl = 'http://{s}.tile.osm.org/{z}/{x}/{y}.png', osmAttrib = '© <a ref="http://openstreetmap.org/copyright">OpenStreetMap</a>
浏览 0提问于2019-06-04得票数 4
回答已采纳
是否可以在不使用任何js代码的情况下将焦点设置到来自laravel livewire的另一个字段。 input wire:model="sku" wire:keydown.enter="getProductInfo" type="text"> 当用户键入sku并按enter时，我正在尝试获取产品信息。如果它找到了详细信息，则焦点必须转到最后一个字段。那么，有没有可能不使用任何外部JavaScript。
浏览 6提问于2020-04-18得票数 0
回答已采纳
1回答
我正在用Melon.Js开发一个游戏，在它加载的画布上，我创建了一个聊天窗口。问题是，当我输入时，如果我按AWDS键，字符就会移动。有没有人知道如何暂时禁用(只要聊天窗口有焦点)字符移动？
"game.html“
<div ng-controller="ChatController">
<div class="div-chat">
<span ng-repeat="msj in chats | orderBy: 'createdAt'"> <b ng-class="
浏览 8提问于2014-11-01得票数 2
回答已采纳
我有一个包含多个字段的表单，它包含动态创建的字段和一些预定义的字段。其中一个字段使用提供的jquery时间选择器插件。
现在我的问题是，我正在对该字段进行快速的实时验证，因为它是模糊的，并且如果验证失败，则显示一个错误并将焦点返回到该字段。现在，我的代码在chrome上正常工作，但是在IE11和Firefox上，(inputfiled).focus()没有被触发，因此焦点没有返回到这个领域。
这是我的代码篡改
下面是同样的代码片段.
$(document).ready(function() {
// this is used just to highlight where the cu
浏览 0提问于2014-11-21得票数 1
回答已采纳
3回答
我有一个textfield (全名)，在单击"Set“按钮时，我希望将焦点设置在textfield (全名)上，但不希望焦点集中的textfield中闪烁光标。如何使用js/jQuery实现这一点。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Customer Details</title>
</head>
<body>
<input type="
浏览 17提问于2015-11-02得票数 2
回答已采纳
2回答
如何仅使用JavaScript而不是jQuery以编程方式触发焦点事件？
例如，在下面的代码中，它应该提醒"Hello，world!“由于要调用focusout()函数(或类似的事件引发函数)，所以不是JS函数，而是JS函数。
function helloWorld () {
alert('Hello, world!');
}
document.getElementsByTagName( 'form' )[0].addEventListener( 'focusout', function( eventObj ) {
hell
浏览 2提问于2018-03-12得票数 6
回答已采纳
我有三个电话号码输入，每个电话号码的长度分别为4、8、4。当达到输入字段的最大长度时，我通过jQuery处理鼠标的焦点，然后焦点/跳转到下一个字段。
我还想做一个旁边的焦点来计算每个字段中的数字，如果它们小于最大长度，则在左侧附加零，以使其等于回显输入字段时各个输入字段的最大长度。例如，如果在第一个输入中，有人只输入了两个数字，比如47，那么输出应该是0047，在echo之后，左侧应该有两个附加的零。
这是我的HTML：
<form>
<input type="text" name="area_code" id="area_code&#
浏览 0提问于2013-04-11得票数 0
2回答
在焦点上突出显示文本-剑道组合框
、、、、
我在应用程序中使用了kendo-combobox。 要求是onclick输入中的值应该被选中，这样用户就可以直接输入，而不是手动清除。 我正在使用(focus)="selectValue($event)"来获得焦点。现在，在"selectValue($event)"中，我尝试了许多方法来选择值。 这是.select()、document.getElementById('myInput')、element.classList.select('.k-input');无法实现的 所有这些实现都可以很好地处理输入标记，而不能很好地处理k
浏览 36提问于2021-06-23得票数 0
在我的应用程序中，我有一个输入元素，当我单击按钮和隐藏时，当我单击另一个按钮时，它是可见的。我用一个简单的ng模板意识到了这一点。当这个输入变得可见时，我想为它设置焦点。我将autofocus参数设置为input，但如果我多次切换可见性(输入失去焦点)，它将无法工作。我尝试过在这个ViewChild问题中描述的替代方案(Renderer2， )，但它也不起作用。
app.component.html
<div *ngIf="!isInputVisible; else inputTemplate">Input goes here after click!</di
浏览 0提问于2019-03-27得票数 1
我正在尝试使用Codeception和Selenium执行验收测试，但是看起来fillField()方法并不关注输入字段。这是必要的，因为当元素失去焦点时，我需要发送一个ajax请求。我使用了下面的代码：
$I->fillField('.js-project.tt-input', $this->project);
使用以下代码手动触发焦点也不起作用：
$I->executeJS('$(".js-project.tt-input").trigger("focus");');
ajax请求需要执行的javascrip
浏览 2提问于2016-11-11得票数 1
1回答
有谁能帮我找到的收发部分背后的问题吗？
当我单击“从日期开始”并选择一个日期时，再次单击“从数据报录机”不会弹出。我需要点击to或身体中的某个地方，然后再单击from使其正常工作。我真的很难找出这个问题背后的原因。有人能帮我提点建议吗。谢谢。
这个问题只出现在Chrome和Safari中。它在Firefox中运行得很好。
HTML代码：
<li class="date-field" id="from">
<a href="#" onclick="return false;"
浏览 3提问于2013-12-16得票数 1
回答已采纳
当用户点击输入时，我正在尝试阻止滚动页面：
<pre class="js-parent">
<input value="tap to focuss" readonly>
</pre>
$("input").on("focus", function(e) {
e.preventDefault();
e.stopPropagation();
});
$("input").on("click", function(e) {
e.preventDefa
浏览 1提问于2016-06-25得票数 6
我目前正在尝试将游标焦点设置在特定的输入字段上，当周围的ngIf为真时，该字段就会显示出来。
html代码如下所示：
<div>
<button (click)="showFirst = !showFirst">Toogle</button>
<div *ngIf="showFirst">
<!-- Some content -->
</div>
<div *ngIf="!showFirst">
&l
浏览 1提问于2017-12-19得票数 2
回答已采纳
我有一个有几个输入字段的表单，由于某种原因，我的组件y每次都会重新呈现输入字段的值，这会导致输入失去焦点。
ContactForm.js：
const ContactForm = () => {
const [values, setValues ] = useState({
name: '',
lastname: '',
email: '',
confirmEmail: '',
message: ''
});
const inputs = [
{
浏览 5提问于2022-08-24得票数 0
回答已采纳
我试图验证我的表单，因为用户输入信息时，点击按钮，而不是提交。我正在尝试做一些检测文本框中的文本是否是默认值的东西。然而，这是行不通的。
我不太熟悉jquery验证器。这是我到目前为止所拥有的。
$(document).on("click", "#numexercisesbutton, #submitworkout",
function() { //adds exercises
jQuery.validator.addMethod("notEqual", f
浏览 2提问于2012-07-12得票数 0
1回答
我有一个函数，在更改页面上元素之间的焦点时添加/移除类。
当用鼠标切换焦点时，会产生想要的效果，但是当用选项卡按钮切换时，它似乎在切换到新元素之前读取焦点？
HTML:
<div class="text-input">
<label>First Name</label>
<input placeholder="">
</div>
<div class="text-input">
<label>First Name</label&
浏览 0提问于2016-06-08得票数 0
回答已采纳
1回答
关注下一个元素
、、
我的js里有这句话：
$('input')[$('input').index(this)+9].focus();
我想将焦点放在下一个元素上，但是当该行被执行时，我将焦点和下一个元素放在一起，但是我有以下错误：
错误：$rootScope:inprog $apply已经在进行中，$rootScope/inprog?p0=%24 apply at REGEX_STRING_REGEXP (angular.js:63) at beginPhase (angular.js:14706)，$get.Scope，$apply (angular.js:14450) at
浏览 1提问于2015-01-27得票数 0
2回答
我有一个类型为radio.When的输入元素，元素通过键盘获得焦点，然后它应该显示焦点样式，但是通过鼠标单击访问元素应该会移除焦点。我不想使用js或jquery。我有这个元素在多个页面上实现，但我有一个单一的共享css文件的样式。
<div class="radio">
<input type="radio" value="button1">
<span class="focus"></span>
</div>
css:
.radio{
input{
浏览 5提问于2019-07-22得票数 0
我在表单中有一个<input>文本字段。如果我在文本输入字段中单击，并在它失去焦点时将其保留为空，那么<input>的background-color将被更改。
我只想使用CSS，而不是JS或jQuery。请帮帮我。
如果只使用CSS是不可能的，那么我如何使用JS或jQuery实现它呢？
浏览 3提问于2015-11-09得票数 2
2回答
如何在焦点输入上更改搜索btn？最初的状态：
<form action="">
<input type="text" placeholder="Search">
<button type="submit">Search</button>
</form>
我想要的是投入的焦点。我只需要使用css，而不是js。
<form action="">
<button type="submit">Sear
浏览 0提问于2019-06-15得票数 0
回答已采纳
3回答
这是小提琴
如果文本框内容的长度大于3，则显示错误格式的div错误
当文本框没有被输入或脱离焦点时，div错误应该退出。
HTML
<div id="errorholder">
</div>
<br />
<input id="txtbox" type="text">
JS
$('#txtbox').onchange(function(e)
{
if($(this).length >3)
$('#errorholder').text("wrong fo
浏览 3提问于2017-05-19得票数 0
回答已采纳
是否可以在不使用JavaScript的情况下设置HTML表单的默认输入焦点，例如：
<html>
<form>
Input 1: <input type="text" name="textbox1"/>
<br/>
Input 2: <input type="text" name="textbox2"/>
</form>
</html>
我想在不使用JavaScript的情况下加载表单时，将默认焦点设置为其中一个文本
浏览 60提问于2010-11-12得票数 170
回答已采纳
我的vue.js应用程序中有以下vue.js：
<div>
<button class="button_text" @click="reset">Reset</button>
<button class="button_text">Search</button>
<image-component class="button_image_icon"/>
</div>
我试图在<image-component>
浏览 1提问于2018-10-24得票数 0
回答已采纳
当焦点放在其中一个选项上时，如何显示下拉字段的工具提示？
我使用的是从下载的tooltipster.bundle.js文件
当焦点在字段上时工作正常，但是当焦点在options.my请求之一上时不工作工具提示应该在焦点在一个选项上时工作。
jsp代码：
<script type="text/javascript" src="product/js/jquery/tooltipster.bundle.js"></script>
<script>
$(document).ready(function() {
浏览 23提问于2018-01-11得票数 0
嘿，我想显示特定输入的数据表，点击按钮，但我找不到如何。
HTML
<input type="text" name="" value="" list="list" id='input'>
<datalist id='list'>
<option value="aaa">
<option value="bb">
</datalist>
<div onclick="showDataList(
浏览 3提问于2020-02-06得票数 7
回答已采纳
我有一个包含多个输入字段的表单--第一个输入字段总是显示的，如果它获得了焦点，则应该显示其余的输入字段；那么，如果所有输入字段都失去了焦点，表单应该返回到仅显示第一个输入字段(这就是开始显示的内容)。在JS中，我一直在努力处理各种焦点/模糊事件，但我想不出如何才能做到这一点。
<form class='myform'>
<input id='a' placeholder="This is always visible"></input>
<input id='b' placehol
浏览 1提问于2014-07-28得票数 0
input:focus如何保持焦点，即使它被重定向到另一个HMTL文件？ 我还尝试了input:active和input:target。 CSS .titleBar input:focus{
border-bottom-style: solid;
border-bottom-color: #3c3c5d;
} HTML <div class="titleBar">
<input type="button" value="Dashboard" onclick="w
浏览 24提问于2020-05-03得票数 0
我有以下HTML表单：
<form>
<input type="text" id="input1">
<input type="text">
<button>Submit</button>
</form>
当我模糊地点击Submit按钮时，我想将焦点设置在#input1上。这是我拥有的JS：
document.querySelector('button').onblur = function() {
console.log('
浏览 0提问于2021-01-13得票数 0
尝试构建一个简单的HTML/JS聊天功能，当用户选择"submit“时，将发送消息，并将焦点放在文本输入上，清除。然而，自动补全仍然是最后一句话(在手机上)。我想要自动完成功能，但需要它在提交和重置时清除。 ? <!DOCTYPE html>
<html>
<body>
<h1>The autocomplete remians on reset</h1>
<form>
<input type="text" id="message" name="mess
浏览 30提问于2021-07-08得票数 0
我已经创建了一个名为form-field-input，的通用表单组件，它在焦点输出时验证用户输入。
form-field-input.hbs
<label>{{label}}</label>
{{input
placeholder=label
value=value
focus-out='validate'
required=required
type=type
}}
<p>{{errorMessage}}</p>
form-field-input.js
actions: {
validate
浏览 3提问于2016-11-14得票数 3
回答已采纳
我正在尝试构建一个angularjs应用程序，其中一些内容已经与第一个请求一起发送，因此在angularjs加载之前就显示给了用户。如果用户非常快，并且已经将一些数据输入到textbox (输入type="text")，那么这个数据就会丢失一次角-js进行绑定。
我怎么才能阻止这一切？
干杯，罗伯特
编辑作为一个示例，我可以从服务器获得以下信息
<html>
...
<body ng-app="app">
<div ng-controller="LoginCtrl">
<div ui-view
浏览 0提问于2015-10-27得票数 1
回答已采纳
在单击事件之后，我需要等待元素属性更改，然后才能继续(单击事件会导致某些元素移出焦点，而其他元素则通过JS获得焦点)
在花时间搜索web驱动程序中"waitForAttribute“(selenium 1命令)的可靠替代品后...我可以让下面的代码工作。但我不确定这是否是最好的实现。
还有其他更好的解决方案吗？
wait = new WebDriverWait(wedriver1, TimeSpan.FromSeconds(5));
.....
button.Click();
wait.Until(webdriver1 => webdriver2.webelement.GetAt
浏览 2提问于2012-05-03得票数 16
回答已采纳
当“焦点”事件发生时，我希望工具提示出现。当焦点不集中时，以后每次都会出现一个:悬停效应。我是否以正确的方式使用jQuery来使用引导工具提示？可能不对？
HTML：
<input type="text" data-toggle="estimate-tooltip-1" data-placement="top" title="How many are coming?" class="input-people amount-people-1" id="amount-people-1">
浏览 1提问于2017-04-08得票数 0
回答已采纳
更新:在DOM呈现完成之前，无法直接将焦点应用于文本框。
我想知道为什么focus()函数不能在隐藏元素上工作。
例如(我正在使用Vue.js )：
var vm = new Vue({
el: "#app",
data:{
showtext: false
},
methods: {
showTxt(ev){
this.showtext = true
var vm = this;
// if I uncomment setTimeout, then the textbox can set focus
浏览 2提问于2018-09-07得票数 3
我需要editor.js方面的帮助 想象一下下面的场景，在我的页面上，editor.js在右边，一堆按钮在屏幕的右边。 这些按钮是短语的集合，当单击按钮时，必须将短语插入到editor.js中 然而，它必须插入光标在失去焦点之前的位置，考虑到它在editor.js中的任何位置，例如，可以在第一个、第二个或最后一个块中，并且在特定块中，光标可以在句子的开头、中间或结尾。 如何检索块和光标位置以插入新短语？ 提前感谢
浏览 94提问于2020-10-07得票数 0
我有这把小提琴，当我按下标签时，焦点应该放在下一个元素上，但它不是..这是密码。
<input type="text" style="font-size:12px;width:245px;" border-style="Solid" tabindex="3" id="txtCAddress" maxlength="100" name="txtCAddress" />
</br>
<input type="text" style="
浏览 3提问于2012-10-22得票数 0
回答已采纳
当输入获得/失去焦点时，是否有一种方法来更改模型中的值？
这里的用例是一个搜索输入，它在键入时显示结果，这些结果只应在焦点位于搜索框上时显示。
到目前为止，我的情况如下：
<input type="search" v-model="query">
<div class="results-as-you-type" v-if="magic_flag"> ... </div>
然后,
new Vue({
el: '#search_wrapper',
data: {
qu
浏览 1提问于2017-01-11得票数 65
回答已采纳
5回答
我做了一个简单的Chrome扩展--使用表单进行搜索。
当我打开扩展时，表单上没有默认的焦点，但它需要额外的点击。
焦点应该发生在popup.html表单上。
现在JavaScript .focus()方法不起作用了，有没有其他方法可以为Chrome扩展设置默认焦点？
HTML：
<input type="text" id="mydata" />
JS：
document.getElementById('mydata').focus();
浏览 1提问于2011-07-06得票数 3
回答已采纳
1回答
我有以下jQuery行：
$('#newStep2 input#name').focus().css('background','Red');
在这里，我试图设置文本框(#name)的焦点。我只是将背景设置为调试，以确保其工作正常。
嗯，背景变红了，但是输入没有收到焦点。恩?
编辑
HTML，每个请求：
<fieldset id="newStep2">
<h3>2. Name It</h3>
<label class="scrollTo&#
浏览 1提问于2009-10-05得票数 0
我可以使用另一种方式将提示短语放在输入框中，但我喜欢即使光标闪烁时提示短语仍保持不变的方式，所以它是这样的：
网站是
在页面的右上角，有一个搜索框，其中有一个提示短语，即<span>，即容器中的position: absolute。
容器中的也是<input>元素，带有position: static
因此，提示span是强加在input之上，以获得当前的效果。
但我不明白的是，当用户单击提示短语span时，单击的不是<span>吗？因此，<input>将不会获得焦点，也不会有光标闪烁，用户无法键入框。这是怎么克服的？
--我不认为使用Javas
浏览 5提问于2011-04-04得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
