我使用这个jQuery代码将光标保持在文本区域的末尾
jQuery.fn.putCursorAtEnd = function() {
return this.each(function() {
var $el = $(this),
el = this;
if (!$el.is(":focus")) {
$el.focus();
}
if (el.setSelectionRange) {
var len = $el.val().length * 2;
setTimeout(function()
浏览 0提问于2018-03-24得票数 0
回答已采纳
我正在尝试构建一个angularjs应用程序，其中一些内容已经与第一个请求一起发送，因此在angularjs加载之前就显示给了用户。如果用户非常快，并且已经将一些数据输入到textbox (输入type="text")，那么这个数据就会丢失一次角-js进行绑定。
我怎么才能阻止这一切？
干杯，罗伯特
编辑作为一个示例，我可以从服务器获得以下信息
<html>
...
<body ng-app="app">
<div ng-controller="LoginCtrl">
<div ui-view
浏览 0提问于2015-10-27得票数 1
回答已采纳
在iOS7、chrome和safari中，在输入字段的焦点上，页面滚动。
如果用户点击它的内部，我希望这个字段是集中的，我希望滚动仍然工作，但是在输入字段焦点上发生的默认滚动，我希望它停止。
我怎么能这么做？
下面是一个示例JS小提琴：
代码：
$(window).on('scroll', function(){
$('input').animate({'top':100});
});
浏览 3提问于2014-03-12得票数 0
回答已采纳
5回答
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<style>
form:focus{
background:red;
}
</style>
<title>Home, sweet home</title>
</head>
浏览 3提问于2012-06-23得票数 4
回答已采纳
有一个javascript按钮，如果按下它，它会插入一个字符串。然后按下按钮后，焦点将返回到文本字段。然而，在我的代码中，总是焦点返回到字符串的末尾，而不是它所在的位置。 例如，现在焦点在3和4之间。 ? 在按下"ā“之后，焦点转到7之后。 ? 但我希望焦点在"ā“和4之间。 以下是我的代码 <script>
function addTF(str)
{
var area = document.getElementById('pronounce');
area.value = area.value.substr(0,
浏览 25提问于2020-06-15得票数 3
回答已采纳
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
回答已采纳
是否可以在不使用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
回答已采纳
2回答
我在一个项目上有一个很奇怪的问题。长故事短，我有记录利率的输入字段，所以一个%被附加在模糊和移除焦点上。除了IE11之外，它在每个浏览器上都能正常工作。由于某些原因，它将光标移动到输入的开头，这对快速输入和输入值的人来说是件烦人的事。
以下是一个简化的示例：
$('#test').val('default');
$('#test').focus(function() {
var value = $(this).val().slice(0, -1);
$(this).val(value);
});
<script src
浏览 5提问于2015-07-09得票数 4
回答已采纳
$('input[type="text"]').on('focus',function(){ // When focus
$(this).css('borderColor','#e89980');
$(this).css('boxShadow','0 0 0 2px #e89980');
});
我需要这样做，所以如果您单击多个输入，焦点只集中在特定的输入上，而不是所有具有单击文本类型(焦点)的输入。
浏览 2提问于2014-12-09得票数 0
回答已采纳
4回答
如果用户在一个给定的文本输入字段中点击return，我会尝试在它的正下方插入一个新的空白文本输入字段-在其他现有的文本输入字段之前。下面的代码可以很好地将它添加到容器的底部，但我正在努力解决如何将它直接放在所选输入字段下面的问题。
有什么建议吗？
JS
if (event.keyCode == 13) {
$(this).clone(true).val('').appendTo('#item_container').focus();
return false;
}
HTML
<div id="item_contain
浏览 0提问于2011-06-19得票数 1
我正在尝试使用jquery，这样当一个div和/或它的内容悬停或具有焦点时，具有相同类的其他div将变得模糊(css3)。
然后对鼠标输出或失去焦点，一切都应该是清晰的。
html如下所示(简化)：
<div class="card"><input type="text"></div>
<div class="card"><input type="text"></div>
<div class="card"><input ty
浏览 8提问于2016-07-17得票数 0
回答已采纳
免费的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
回答已采纳
当用户单击输入框时，要将焦点移到输入的末尾，我使用如下所示：
$(function() {
$('#test-input').on('click', function(evt) {
$target = $(evt.target);
var val = $target.val();
$target.val('').val(val);
});
}())
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.m
浏览 0提问于2018-03-27得票数 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
我有一个带有表单的页面，它可以用作过滤器搜索，其中一个字段是日期字段。
我配置了angular ui日期()，当我将焦点放在日期字段时，日历就可以工作了。
问题是：
当我尝试提交表单时，日期字段值不会通过ng-model传递给控制器，但其他字段可以正常工作。如果我从输入中删除ui-date，也可以。
我哪里做错了？
我的HTML
<form novalidate name="filterForm" ng-submit="submitFiltro()">
<label class="painel-datas-text" for=&
浏览 15提问于2016-10-18得票数 0
我有一个可忽略的弹出窗口(data-trigger=“focus”)，里面有一个文本框。但只要我在文本框中输入它，它就会消失，因为“data-trigger=”焦点“。我如何智能地使div不会在单击它时消失?这是我的html：
<head><script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" ></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstra
浏览 1提问于2014-12-25得票数 11
3回答
这是我的HTML代码：
<input type="button" value="1000" onclick="myFunc(this.value)" />
<input type="button" value="2000" onclick="myFunc(this.value)" />
<input type="button" value="3000" onclick="myFunc(this.value)" />
浏览 3提问于2015-03-09得票数 0
回答已采纳
1回答
我有这样的要求，在这里，.rows是可滚动的(有一些固定的高度)。每个.row都有输入字段和列表组件，以显示为自动建议(datalist)。在焦点，我需要显示建议，下面的输入和选择选项，我需要重置建议，以便它将显示各自的建议。
这里的问题是列表隐藏在可滚动组件中。请帮助我显示这个建议列表，即使我滚动。我试过使用datalist，但在react中，事件侦听器不会被触发，请单击datalist项。
const App = () => {
const [show, setShow] = React.useState(false);
const showSuggestions = (
浏览 4提问于2021-07-12得票数 1
我在表单中有一个<input>文本字段。如果我在文本输入字段中单击，并在它失去焦点时将其保留为空，那么<input>的background-color将被更改。
我只想使用CSS，而不是JS或jQuery。请帮帮我。
如果只使用CSS是不可能的，那么我如何使用JS或jQuery实现它呢？
浏览 3提问于2015-11-09得票数 2
1回答
我正在尝试将输入字段集中到与另一个输入匹配的div中。
我必须跳过引用输入(第一个输入值)。那么，我的代码是：
$("#btnSearch").on('click',function() {
input = document.getElementsByTagName('input');
match = 0;
for (i=0;i<input.length;i++) {
if(input[i].value == $("#btnSearch > input").val()) {
浏览 1提问于2020-04-06得票数 2
回答已采纳
当达到最大长度时，我使用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
回答已采纳
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回答
在IE中如何防止在焦点/设置选择范围事件之后触发输入事件？代码示例如下：
var setSelectionRange = function (input, selectionStart, selectionEnd) {
if (input.setSelectionRange) {
input.focus();
input.setSelectionRange(selectionStart, selectionEnd);
}
else if (input.createTextRange) {
var range = input
浏览 1提问于2015-03-25得票数 4
1回答
在下面的代码中，如果文本框处于焦点位置，则会出现redDiv。
如果redDiv或其子对象处于焦点中，则它必须保持可见，并且仅在失去焦点时才隐藏。你能帮帮忙吗？
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jquery-1.8.2.min.js"></script>
<script type="
浏览 2提问于2013-10-08得票数 1
我使用jQuery focus将焦点设置在新创建的输入上。 它工作得很好，但即使有预定义的文本，焦点也设置在输入的开头。我怎样才能把它放在文本后面？ $('.button').on('click', function () {
$('.container').html('<input type="text" class="newinput" value="word">');
$('.newinput').focus();
}) <script
浏览 24提问于2020-07-10得票数 0
回答已采纳
5回答
我做了一个简单的Chrome扩展--使用表单进行搜索。
当我打开扩展时，表单上没有默认的焦点，但它需要额外的点击。
焦点应该发生在popup.html表单上。
现在JavaScript .focus()方法不起作用了，有没有其他方法可以为Chrome扩展设置默认焦点？
HTML：
<input type="text" id="mydata" />
JS：
document.getElementById('mydata').focus();
浏览 1提问于2011-07-06得票数 3
回答已采纳
表单包含输入元素和提交按钮。按下提交按钮在浏览器中的新选项卡中显示pdf文件。如果按下enter以显示报告，则焦点移动到提交按钮。再次选择标签后，需要在input中附加单击，才能向同一元素输入新值。
如何将焦点输入元素保持在按enter的位置？
<form id="Form" class='form-fields' method='post' target='_blank'
action='Render'>
<input id='test' name='test'
浏览 3提问于2011-09-29得票数 1
回答已采纳
我在项目中使用了angular-1.4.6。我在下面写了一些代码链接：“html文件”：
<!DOCTYPE html>
<html>
<head>
<title>退货向导</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1
浏览 5提问于2015-09-29得票数 0
1回答
因此，我有一个用作搜索的输入type=text。
搜索，自动滚动到长列表中找到的项目(所以输入在屏幕之外)，但当我继续键入时，在跳到第一个找到的结果后，它回到输入所在的位置。我想要避免这种行为。
请看上面的jsfiddle。
var cont = 0;
var fill = "test";
for (cont = 0; cont < 1000; cont++) {
$("body").append(fill + "<br>");
console.log("e");
}
$("input&
浏览 0提问于2017-04-18得票数 2
2回答
我有一个输入文本字段作为搜索栏，我想在左边放置一个放大镜玻璃，但是当输入文本字段获得焦点时，玻璃应该会消失。
.search .form-item input {
background-image: url("https://i.stack.imgur.com/VtucQ.jpg");
background-size: 70% 70%;
background-position: -105% center;
background-repeat: no-repeat;
}
.search .form-item input:focus {
浏览 0提问于2019-06-13得票数 1
回答已采纳
我将一个按键绑定到文档，除了运行一些命令(在本例中是alert)，我还让它禁用一个输入框。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).keypress(function(e) {
if (e.keyCode == 27) {
alert("escape pressed");
$("#inputFi
浏览 1提问于2012-01-16得票数 3
回答已采纳
2回答
有没有办法在输入文本失去焦点时设置background-color？
我正在尝试使用js，但我想知道在纯css中是否可行。
这似乎不起作用
input{
background-color:#fff !important;
}
input:focus{
background-color:#333 !important;
}
//input:unfocused and has value{ ??? :) }
$('input,textarea').on('focusout',function(e){
if($(this).val().leng
浏览 1提问于2013-11-26得票数 4
回答已采纳
2回答
我有一个页面，基本上是一个巨大的全屏幕谷歌地图。我不能让任何类型的聚焦功能发挥作用。知道为什么吗？代码相当长，下面是URL，然后是一些摘录：
我们正在处理的页面，其中我们希望位置搜索输入框在页面加载后集中注意力：。
表单字段(注意，我还尝试了html5 focus属性，它什么也不做：
<input type="text" name="location" id="location" value="" TABINDEX=1 autofocus />
如google地图文档中所建议的，“将表单移动到地图中”的javascri
浏览 2提问于2013-08-02得票数 1
回答已采纳
2回答
通过使用键盘Tab键并在锚点上按enter键，可以显示图层。
问题是，当Focus2锚点按下时，焦点会丢失。
即使在"focus2“锚点标记上按键盘回车键，我也想保持专注
这就是我到目前为止所尝试的。
<a href="#">focus1</a><br>
<a href='#' class='basic'>focus2</a><br>
<a href="#">focus3</a><br>
<a href
浏览 20提问于2018-09-06得票数 0
回答已采纳
1回答
document.body.querySelector("input").addEventListener("blur",
function(e) {
e.preventDefault()
});
<input type="text">
在发生blur事件时，如果在输入中键入的字符串溢出，则显示的区域将滚动回起始位置。我的代码片段似乎并不能阻止这种行为。有没有办法让这个小把戏成功呢？
input.value = "aaaaaaaaaaabbb"
input.sketch = "|__
浏览 3提问于2016-09-02得票数 4
回答已采纳
1回答
我有一个带有3个项目的owl carousel，每个页面显示一个项目。在每个项目中，我都有html输入。
我想以编程方式更改活动项，以便可以将焦点放在它内部的输入上。
以下是初始配置：
var owl = $("#selector").owlCarousel({
slideSpeed: 300,
paginationSpeed: 400,
items: 1,
itemsDesktop: false,
itemsDesktopSmall: false,
itemsTablet: false,
itemsMobile: fal
浏览 2提问于2016-04-04得票数 2
回答已采纳
所以很难把它放到一个句子中，但这里有一个简单的例子：
<html>
<head>
<title>Example</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
浏览 1提问于2010-12-09得票数 2
1回答
在Mobile + TalkBack以及Mobile + Voiceover中都遇到了一些屏幕阅读器问题。起初它可能是我的代码，但在没有加载其他JS/CSS的页面上运行以下代码时遇到了同样的问题：
<body>
<input id="test" type="checkbox" name="test" value="foo">
<label for="test" id="test-label">Lorem Ipsum is simply dummy text o
浏览 1提问于2019-01-10得票数 0
6回答
我正在尝试创建一个提交按钮，当用户按下enter键时，该按钮将提交。
我必须单击提交按钮一次，然后才能使用enter按钮作为“虚拟单击”。
如果我尝试使用enter键立即提交，它不会这样做，第一个按的是鼠标。是什么引起了这个问题？
$("#guessSubmit").keydown(function(event){
if(event.keyCode == 13){
$("#guessSubmit").click();
}
});
<script src="https://ajax.googleapis.com/ajax/libs
浏览 3提问于2015-05-01得票数 2
回答已采纳
(答案之前)
(在回答之后)
<style>input[type=text] { width: 3em; text-overflow: ellipsis; }</style>
<input id=a type=text value=123456789><br>
<input id=b type=text value=123456789>
<script>
a.addEventListener('blur', function(event) {
if (event.target.select
浏览 6提问于2021-04-12得票数 0
回答已采纳
我已经在社区里搜索过了，并且看到了很多关于表单元素(模糊(功能)或焦点(功能))的指导，但是当表单本身失去焦点时，我还没有看到一个模糊元素出现。我想要那种依赖于在提交之前更新两个字段的行为，但是如果我在onblur()字段上有效，它将产生一个错误，因为用户没有机会更新另一个字段。
以下是我基本概念的代码：
$(document).ready(function(){
$("form").blur(function(){
alert("This form has lost its focus.");
});
});
<!DO
浏览 0提问于2018-05-07得票数 0
回答已采纳
我正在尝试使用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
2回答
下面是我的代码，用于更改焦点中输入字段标签的颜色：
$(document).ready(function() {
var name = $(this).attr("name");
$(".comm-input").focus(function() {
$("label[for=name]").css({"color" :"#669900"});
});
$(".comm-input").blur(function() {
$("label[for=name]&
浏览 0提问于2009-12-21得票数 0
回答已采纳
使用@ViewChild装饰器，我获取了ion-input元素，用setFocus()方法设置焦点。这就像预期的一样。我不知道为什么，但我不知道为什么组件的所有Jasmine单元测试都失败了。我尝试过模拟setFocus()方法，但没有成功。有人能帮我做这个知道我做错了什么吗？
带有@ViewChild引用#input_username的模板
<ion-input id="inputusername"
#input_username
color="dark"
浏览 6提问于2021-11-30得票数 0
回答已采纳
我正在使用Tailwind作为我的Laravel应用程序，并希望删除输入框上的焦点边框。根据文档，focus:outline-none应该实现这一点，尽管它对我不起作用，并且边界仍然显示在焦点上。
看起来我的目标是错误的东西，好像我做了focus:outline-black，我可以看到一个黑色的轮廓以及标准的蓝色的焦点。
focus:border-none也没有解决这个问题。
有什么想法吗？
<input class="text-input" placeholder="Your Name" />
.text-input {
@apply f
浏览 3提问于2021-11-15得票数 16
回答已采纳
我正在实现一个聚焦元素的解决方案，建议的。它适用于html输入，但不适用于自定义指令。下面是来演示这个问题。单击页面加载上的“焦点输入”将文本输入聚焦在按钮旁边，但单击“焦点控制”不会将文本输入放在旁边。实际上，原因是在单击“焦点控制”按钮(可以在浏览器控制台中看到)时没有调用$watch函数。
问题是为什么不调用那个$watch函数？
JavaScript
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.name =
浏览 5提问于2013-07-30得票数 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
回答已采纳
我有一个Windows Forms应用程序，它有一个带有多个TabPages的TabControl，其中每个TabPage包含我自己的类FooControl，该类扩展了UserControl。我需要的是接收KeyDown/Up事件的FooControl类，但问题是它永远不会自动接收焦点。焦点似乎仍然停留在TabControl上，即使我用UserControl.Focus()显式地设置了焦点，它也不会总是起作用(有时候确实会起作用，但是焦点会再次消失)。
我想知道我是否遗漏了什么，或者是否根本不可能让FooControl类接收关键事件？
浏览 0提问于2018-08-02得票数 1
我试图创建一个可访问的信用卡选择在一个电子商务网站的支付页面。下面是我所拥有的标记：
.cc__card {
display: inline-block;
margin-right: 0.3em;
position: relative;
}
.cc__card>input:focus+label {
outline-color: -webkit-focus-ring-color;
outline-style: auto;
}
.cc__card>input {
position: absolute;
top: 10px;
left: 10px
浏览 3提问于2017-04-04得票数 1
1回答
我想把焦点传递到下一个文本，buttons.Everything的按下输入一直很好，直到我在另一个类中创建customTextInput并通过props.But调用它时，问题是焦点没有在按钮上改变，而我认为它与某些范围问题有关，.Maybe，它没有访问其他类的，这个(子组件)。以下是我所做的事情：
这是我在其他js文件中创建的自定义文本输入。
<View>
<CustomTextInput
textLogo={logo}
placeholder={placeholder}
value={value}
浏览 0提问于2018-12-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
