3回答
当您运行此代码并单击input2时，它将获得焦点，并且.result div将输出一次"f2"。但是当你点击input1时，脚本会让input2获得焦点，.result div会输出两次"f2"，为什么呢？
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>blank</title>
<scr
浏览 0提问于2011-12-20得票数 4
更新:在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
我已经在社区里搜索过了，并且看到了很多关于表单元素(模糊(功能)或焦点(功能))的指导，但是当表单本身失去焦点时，我还没有看到一个模糊元素出现。我想要那种依赖于在提交之前更新两个字段的行为，但是如果我在onblur()字段上有效，它将产生一个错误，因为用户没有机会更新另一个字段。
以下是我基本概念的代码：
$(document).ready(function(){
$("form").blur(function(){
alert("This form has lost its focus.");
});
});
<!DO
浏览 0提问于2018-05-07得票数 0
回答已采纳
我在我的rails项目中使用了，它允许我动态编辑数据。
<ul class="offer-completed__edit-details" data-url="<%= enquiry_path(@enquiry) %>" data-object="enquiry">
<li>Contact Name: <span class="rest-in-place" data-attribute="name"><%= @enquiry.name %><
浏览 0提问于2017-09-26得票数 0
我有一个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
我知道焦点是按顺序排列的，不能改变顺序，但我试图首先从所有元素中调整对话框的焦点。此外，焦点应该被困在按钮上。
我试着让tabIndex="1“来对话，但是它失去了焦点。我也尝试了自动对焦对话框，但仍然，它没有得到集中在一开始。
window.addEventListener('DOMContentLoaded', (event) => {
document.getElementById('para').focus();
});
<div>
<h1>lets priortize for focus dur
浏览 8提问于2022-11-03得票数 0
1回答
我想在时触发一个事件，并且只有当用户聚焦于div的子元素以外的某个地方，例如当焦点从input1转移到input3时。
<div onfocusout="console.log(document.activeElement)">
<input type="text" id="input1">
<input type="text" id="input2">
</div>
<input type="text" id="input3&
浏览 2提问于2018-09-02得票数 2
回答已采纳
3回答
我正在尝试让一个特定的表单字段在iPhone上的Safari浏览器中自动获得焦点。我认为这将是非常简单的，但我没有设法让它工作。那么，这实际上是不可能的，还是我遗漏了一些非常明显的东西(我怀疑)？下面是我使用的代码：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function formfocus() {
document.getElementById('element').focus();
}
windo
浏览 0提问于2011-04-25得票数 15
回答已采纳
为什么当我点击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
回答已采纳
在我的角度视图中，我有一个输入字段和一些使用ng点击的可点击的东西。
当单击这些ng-单击时，是否有角度方式或简单的香草js方法来防止输入字段失去焦点(如果是在焦点中)？
<input type="text" class="form-control" ng-model="foo">
<button ng-click="someThing()">click me</button>
浏览 5提问于2016-01-28得票数 5
回答已采纳
我有两个文本框和一个按钮如下：
我的目标是，当用户在textbox ID中输入时，它必须在按钮上设置一个焦点。
我试过的是：
$(document).on('keypress', '#ID', function () {
$("#Btn").focus();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text&#
浏览 10提问于2017-12-12得票数 1
回答已采纳
1回答
按下击倒键时触发更改事件
、、、
当按下键时，我试图触发更改事件。我订阅了可观测的，如下图所示，但只有在焦点改变后才能检测到变化。
编辑:用于选项绑定：
<input class="form-control" type="text" data-bind="inputmask: { value: homePhone, mask: selectedHomePhoneFormat }"/>
在js中：
self.homePhone = ko.observable('');
订阅：
self.homePhone.subscribe(function (new
浏览 3提问于2022-09-16得票数 0
1回答
找出是什么使元素成为焦点
、、、
有没有办法找出是什么让第一个html元素(input，textarea)获得焦点？
我正在加载一个模式窗口，但似乎找不到强制在第一个元素上使用focus()的JS行。
一种解决方案是在加载模式窗口后立即模糊()它，但我想知道是什么触发了这个焦点。也许一些内嵌在文本区域中的事件侦听器？
谢谢你的帮忙!
浏览 1提问于2013-02-08得票数 1
免费的jqgrid第一列是使用自定义编辑类型的Jquery自动完成。使用focusField: true使字段具有可聚焦性。
$.extend(true,$.jgrid.inlineEdit, {
position: "beforeSelected",
focusField: true,
keys: true } );
如果启动内联编辑，jqgrid将焦点放在自动完成下拉按钮上。如何解决这个焦点被放置到自动完成输入元素？
使用tabindex=-1定义了自动完成按钮：
<button type='button' class='
浏览 2提问于2015-12-13得票数 0
回答已采纳
1回答
我有一个使用只读输入的网站。在桌面上，我使用js在第一次单击时选择输入字段。
<input readonly="readonly" type="text" class="select" value="Value to select">
$('.select').click(function(){
$(this).select();
});
但是在Safari for iOS中，我根本不能选择输入的文本(长时间点击文本)。有没有办法让文本变得可选？
浏览 0提问于2012-04-16得票数 1
我正试图使表单中的Enter键将焦点移到下一个控件。我有几个文本框，复选框和按钮。他们都得了“ctrl”。这段代码起了大部分的作用。
$(document).on('keydown', '.ctrl', function(e) {
if (e.keyCode==13) {
$(this).next().focus();
}
})
.ctrl {
display:block
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/j
浏览 3提问于2021-01-15得票数 1
回答已采纳
2回答
我正在尝试这个相当简单的代码。只要第一个文本输入上有mouseup，它就会将焦点转移到相邻的文本输入上：
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$(".foo"
浏览 1提问于2013-02-25得票数 3
回答已采纳
我试图通过JS拒绝键盘，以回应按下按钮，但我没有任何运气。
设置：
我有一个textarea，上面有接受按钮和取消按钮。
单击“取消”按钮后，我的视图对象将调用textAreaElement.blur()。
然后，它将删除“接受”和“取消”按钮。
预期：
字段失去焦点(视觉和其他方面)。
键盘被取消。
实际：
字段似乎失去了焦点(视觉上，没有显示光标)，并以编程方式显示。
键盘仍然显示。
我已经尝试过通常的谷歌，但他们似乎都认为在焦点元素上调用blur就足够了。一位用户甚至建议调用$('input').blur()以确保所有字
浏览 3提问于2017-01-27得票数 0
1回答
这里有一个小提琴：
function blanker(){
var c = $('.whatever').html().replace("thisWillBlank", "<form><input type='text'
id='thisWillBlank'></form>");
$('.whatever').html(c);
}
$('#alreadyBlanked').focus();
set
浏览 4提问于2013-11-24得票数 0
回答已采纳
1回答
我想用附加的日期选择器来处理输入元素上的焦点事件，以保存原始值。
不幸的是，任何像下个月按钮这样的弹出元素的点击似乎也会在输入上生成焦点事件。它们看起来就像来自输入的真正的焦点事件。
请参阅此。
<input id="dt" type="text"></input>
和
$("#dt")
.datepicker()
.on('focus blur', function(e) {
console.warn("!%s", e.type, this, arguments[0], event
浏览 0提问于2014-03-25得票数 0
我想改变文本框的颜色时，在html焦点。但我的颜色没有变！
Html
<!DOCTYPE html>
<html>
<head>
<title>Make a new account</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="script.js" type="text/jav
浏览 4提问于2013-10-10得票数 2
回答已采纳
我的一项功能有点问题。
当焦点中没有输入时，我想要捕获用户按下的键，集中在特定的输入上，然后将他们开始键入的所有文本转移到输入中，然后继续输入直到移除该输入的焦点。
我遇到的问题似乎是由于Jquery的滞后造成的？如果您开始在下面的JSFiddle中键入“这只是一个测试”
HTML: <input type="text" id="search" />
JS:
$(function() {
$(document).on('keypress', function(e) {
var tag = e.target.
浏览 2提问于2016-04-24得票数 1
回答已采纳
4回答
我已经设置了一些jQuery，它将在单击锚定标记时触发。其想法是，当单击锚定标记时，会出现一个文本框。我目前已经让它正常工作了。
我的问题是什么会导致我的文本框变得无响应？当我点击文本框时，焦点被移走了。是不是单击函数出了什么问题，会禁用文本框的焦点？
下面是我在JS Fiddle中想出的代码：
HTML：
<div class="main" id="143"><a href="#" class="thelink">Test Text Here</a></div>
<br /&
浏览 0提问于2013-04-05得票数 0
回答已采纳
2回答
我在做什么
在代码的某些部分，我有一个关于focusin事件的侦听器，在另一个部分中，我以编程方式将焦点设置在一个input上。在Chrome、Safari和Firefox上，事件侦听器被调用一次，而在IE (包括IE10)上，事件侦听器被调用两次。我使用jQuery的注册侦听器，并使用jQuery的设置焦点。有关显示此行为的示例的完整来源，请参见下面的内容，如果您愿意，可以使用。
问题
即使不使用jQuery，IE也会触发focusin两次。它只在以编程方式设置焦点时才这样做，而不是在用户选项卡或单击字段时这样做。为什么？它只是一个IE错误，还是IE有一个很好的理由这样做？
不管它是
浏览 5提问于2013-01-19得票数 5
回答已采纳
我正在实现一个聚焦元素的解决方案，建议的。它适用于html输入，但不适用于自定义指令。下面是来演示这个问题。单击页面加载上的“焦点输入”将文本输入聚焦在按钮旁边，但单击“焦点控制”不会将文本输入放在旁边。实际上，原因是在单击“焦点控制”按钮(可以在浏览器控制台中看到)时没有调用$watch函数。
问题是为什么不调用那个$watch函数？
JavaScript
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.name =
浏览 5提问于2013-07-30得票数 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回答
假设我有一个输入
<input type="text" id="inPut" autofocus>
还有一个按钮
<button id="btn">Some text</button>
我想让它失去焦点(就像平常一样)，但是当我点击这个按钮时，焦点就没什么变化了，也就是它不会失去焦点。
浏览 0提问于2021-04-24得票数 1
回答已采纳
1回答
当将焦点更改为网站的另一个元素(例如，通过按TAB键转到另一个输入字段)时，该元素不在您的查看区域(例如，您位于页面底部，新元素位于顶部)，所有浏览器(经过测试的Internet Explorer、Firefox、Windows操作系统下的Chrome )似乎都已足够滚动，从而可以看到带有新焦点的元素。
示例：
Image
Text
Input text
...
Footer
当您在Footer和Image to Input text不在您的查看区域，您现在正在按选项卡，所以焦点跳转到Input text，这个字段现在对您可见，但不是Image或Text。
虽然这种行为在大多数情况下可能是合适
浏览 3提问于2016-01-08得票数 3
回答已采纳
$('input').focus(function() {
$(this).next("div.description").slideToggle("slow");
$(this).wrap(' <
div > < /div>').select('input'); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js&#
浏览 0提问于2010-11-10得票数 0
回答已采纳
3回答
当单击div(#CanvasArea)时，我尝试显示文本框(#dimVal)。当这个文本框失去焦点时，我想让它消失。
<head>
<script src="jquery-1.5.1.js" type="text/javascript"></script>
</head>
<body>
<div id = "CanvasArea", style = "width:50%; height:600px; border:2px; bord
浏览 2提问于2012-01-26得票数 1
回答已采纳
我有一个简单的形式来回应js
render: function(){
return (
<div>
<form onSubmit={this.hanldeSubmit} >
<input
type='text' placeholder='What do you need to do?' required
浏览 1提问于2016-12-07得票数 2
回答已采纳
1回答
这是一个铬的扩展，我试图让焦点返回到文本框输入后提交。
基本上，我希望输入过程如下: 1.用户输入2。用户按enter或单击按钮3。表单提交，不刷新，重置自身，并保留焦点，这样用户就可以轻松地添加更多的输入。
如果用户按回车，焦点将被保留。但是，一旦用户按下按钮(添加网站)，文本框输入就会失去焦点。我不知道为什么下面的JavaScript和相应的不能工作：
<!doctype html>
<html>
<head>
<script type="text/javascript" src="popup.js"&g
浏览 1提问于2014-07-19得票数 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
回答已采纳
2回答
我试图更改输入值，并根据用户编写的值显示警报。现在它不工作，除非它失去焦点。我可以让它在没有等待时间的情况下立即工作吗？
jQuery('input').on('change', function () {
var myInput = jQuery(this);
if (myInput.val() < 0.2 ) {
myInput.val('0.2');
jQuery('.alert').css('display', 'block')
浏览 2提问于2017-09-06得票数 3
回答已采纳
我试图在Vue.js中设置输入元素的焦点。我在网上找到了一些帮助，但这些解释对我都没有用。
这是我的密码：
<template>
<form method="post" action="" v-on:submit.prevent="search">
<input type="text" placeholder="Person name" required v-model="name" v-el="nameInput" />
浏览 11提问于2016-01-22得票数 28
回答已采纳
我有一个表单输入，我想要blur (解除焦点)，并在一个按钮被点击时为空。
在AngularJS中，我在控制器中这样做：
angular.element('#search-input').val('');
angular.element('#search-input').blur();
在Angular (4.4.4)中，我让它这样工作：
$('#search-input').val('');
$('#search-input').blur();
但我不想使用jQuery。在Angular中做这件事
浏览 2提问于2017-10-26得票数 3
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
我正在尝试构建一个angularjs应用程序，其中一些内容已经与第一个请求一起发送，因此在angularjs加载之前就显示给了用户。如果用户非常快，并且已经将一些数据输入到textbox (输入type="text")，那么这个数据就会丢失一次角-js进行绑定。
我怎么才能阻止这一切？
干杯，罗伯特
编辑作为一个示例，我可以从服务器获得以下信息
<html>
...
<body ng-app="app">
<div ng-controller="LoginCtrl">
<div ui-view
浏览 0提问于2015-10-27得票数 1
回答已采纳
3回答
清除编辑文本- adb
、、、
如何使用shell命令清除焦点编辑文本。
我试过了
adb shell input keyevent KEYCODE_CLEAR // Not worked
adb shell input keyevent KEYCODE_DEL // Delete only one char
adb shell input keyevent KEYCODE_FORWARD_DEL // Not worked
这样，我只能删除最多一个字符，有没有方法可以删除/清除焦点编辑文本。
浏览 41提问于2015-09-07得票数 7
如何仅使用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
2回答
为了避免不必要的“重复”标记，让我先说一句--我到处搜索一个答案，只找到像这样没有答案的答案，或者，它告诉我从后面的代码中使用MyControl.Focus();。这就使得不能正常工作。我会解释的。
我在一个更新面板中有一系列下拉控件，每一个都会影响它之后的控件--城市、建筑物和房间。当用户在城市下拉菜单、鼠标或键盘中更改所选内容时，当页面执行部分回发时，焦点会立即丢失。好的，所以我尝试放入CityListDropDown.Focus();，但是这会导致页面重新定位，这样这个控件就位于页面可见区域的底部，而不是期望的行为。页面不应该移动。请注意，只有当您在更新面板之前在页面上有很多其他内容时，
浏览 0提问于2016-04-05得票数 0
4回答
目标:用户聚焦输入字段。用户在输入字段中写入值。当用户完成并且输入字段不再处于焦点时，将插入的值保存到一个名为'inputFieldValue‘的变量中。这应该是调用函数‘be’来完成的。
html
<!DOCTYPE html>
<html>
<head>
<title>My test</title>
</head>
<body>
<input class="input" />
<scri
浏览 6提问于2015-09-19得票数 4
回答已采纳
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
回答已采纳
我完全卡住了..。我试过一些方法。当用户单击文本框时，我希望失去它的焦点。
我试过这个：
$('.tagit-input[type=text]').focus(function(){
$('.tagit-input[type=text]').blur();
});
除此之外，我还将焦点放在不同的文本框中：
$('.tagit-input[type=text]').focus(function(){
$('.tagit[type=text]').focus();
});
以及keydown中的各种方法，等等。是不是我
浏览 0提问于2012-07-30得票数 0
HTML：
<input>
使用jQuery的JavaScript：
$('input').focusin(function(){
alert('input focused')
});
非常奇怪的行为:当<input>或<textarea>获得focus时，使用jQuery生成一个简单的警报时，它会导致警报重复3次到57次。它是随机的，而且不需要更改任何代码，有时它会发出14、26或35等警报。
有人知道为什么会这样吗？我是不是遗漏了什么？
编辑:我刚刚意识到这在Chrome中发生了，但是Firefox4没有重复这个
浏览 0提问于2011-06-23得票数 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
回答已采纳
1回答
我有两个datepicker的输入。我希望，当我在其中一个上选择日期时，它会被复制到另一个上，并将焦点设置在它上。下面的代码可以工作，但在第一个日期选择器中选择日期后，焦点在第二个输入上，但日期选择器立即打开和关闭。怎么才能让它一直开着呢？
我试过使用event.preventDefault()，但它不起作用。我可能用得不对。
function copierDateDebutPourDateFin(elementId, elementValue) {
$("#" + elementId.substring(0, elementId.length - 3) + "
浏览 4提问于2018-09-25得票数 0
3回答
我正在做一些JavaScript，它需要一个可以获得焦点的标签。我希望能够使用<div />标记，但是<div />标记无法获得焦点。
看起来唯一能获得焦点的元素是<input />标签和<a />标签。除了<input />或<a />标记之外，还有其他方法可以让元素获得焦点吗？
我不能使用<a />或<input />标记，因为我需要能够将内容放在标记内，这样这两个标记都不会起作用，除非有一种方法允许嵌套<a />标记，尽管我对此表示怀疑，因为那是。我正在尝试找出一种允许<di
浏览 3提问于2009-02-15得票数 10
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
