HTML/CSS输入焦点超出范围
HTML/CSS输入焦点超出范围是指在网页中，当用户使用键盘或鼠标进行输入时，焦点超出了可见区域的范围。这种情况可能会导致用户无法看到他们正在输入的内容，从而影响用户体验。
为了解决这个问题，可以采取以下几种方法：
- 使用CSS样式调整可见区域：通过设置合适的CSS样式，确保输入框在可见区域内。可以使用
overflow: auto或overflow: scroll属性来添加滚动条，使得用户可以滚动查看超出范围的内容。 - 使用JavaScript进行焦点控制：通过JavaScript代码，可以监听用户的输入事件，并在焦点超出范围时，自动调整页面滚动位置，使得输入框可见。可以使用
element.scrollIntoView()方法将元素滚动到可见区域。 - 响应式设计：在移动设备上，屏幕尺寸较小，容易出现焦点超出范围的问题。因此，在设计网页时，应该考虑使用响应式布局，根据不同设备的屏幕尺寸，调整输入框的位置和大小，确保焦点始终在可见区域内。
- 测试和调试：在开发过程中，应该进行充分的测试和调试，确保输入焦点不会超出范围。可以使用各种浏览器和设备进行测试，以确保在不同环境下都能正常工作。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云Web+：提供全托管的Web服务，包括Web应用部署、域名管理、SSL证书等。详情请参考：腾讯云Web+产品介绍
- 腾讯云CDN：提供全球加速服务，可将静态资源缓存到全球分布的CDN节点，加速网页加载速度。详情请参考：腾讯云CDN产品介绍
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，可用于部署和运行网站和应用程序。详情请参考：腾讯云云服务器产品介绍
请注意，以上仅为腾讯云相关产品的示例，其他云计算品牌商也提供类似的产品和服务。
相关·内容
1回答
我有一个React组件，它在用户输入搜索栏时显示“自动完成”推荐列表。我正在尝试允许用户通过使用箭头键并输入键来导航列表。
当用户第一次按下键时，焦点变量增加一个，HTML焦点转到第一个建议。如果他们再次按下它，它会再次增加一个焦点变量，HTML焦点移到第二个建议中，依此类推。类似地，当用户按up键时，它会将焦点减少一个，并将HTML焦点移动到前面的建议中。此外，还有一些措施可以确保焦点索引不会超出可能的范围，并在搜索栏的值发生变化时将焦点索引重置为零。
我遇到了一个奇怪的错误:当重写焦点索引值时，它只有在使用向下键时才能正常工作；然后，当我按up键时，它将在重写之前更改为以前的值形
浏览 3提问于2020-12-29得票数 3
回答已采纳
1回答
我的PhoneGap HTML5 CSS3应用程序的输入框有两个问题。
1)当我选择或将焦点放在输入上时，输入的背景变为白色，文本颜色变为黑色。
我是不是遗漏了什么css属性？
2)现在，当我在我的Android上选择“焦点”输入时，我的键盘就会弹出来(ofc)，这样我就可以开始在输入栏中输入文本了。这里的问题是，当我按下键盘上的“完成”时，键盘消失了，但是输入栏仍然是选中的/“焦点”。
这是一个bug吗？
我有以下代码：
<html>
<head>
<meta name="viewport" content="width=device-w
浏览 3提问于2013-05-24得票数 0
我在引导中使用‘检查器’组件。检查器的HTML是：
<div class='checker'>
<span>
<input type='checkbox'/> <--- the Opacity of this checkbox is 0
</span>
</div>
当输入获得焦点时，我想显示焦点大纲，但是，输入的不透明度是0。
有焦点时，是否有任何方法向它的父类添加CSS类？或者有其他方式来显示焦点轮廓吗？
浏览 4提问于2014-12-01得票数 0
回答已采纳
$(focus_On).focus();，其中focus_on = #start_Time_Mo没有将焦点设置为该输入字段。
当$(focus_On).css("color","red");将该字段中的文本设置为红色时。
为什么.focus()现在起作用了？
样本代码：
$last_Time = $(event.target);设置为单击
#start_Time_XX是动态创建的，因此是on。
在检查有效的时间范围后，如果时间超出范围，则用字体颜色红突出显示，并将焦点设置回该输入字段。
$("#detail_Section").o
浏览 2提问于2012-09-14得票数 0
2回答
我正在尝试使用CSS和HTML创建一个自定义组件。组件的行为将类似于:当选择输入(有焦点)时，另一个容器是打开的。问题是当打开容器时，输入失去焦点，容器在第一次单击时关闭:(
那么，当我集中在打开的容器上时，如何才能使输入焦点集中呢？
<div class="block">
<label>Field</label>
<input type="text" tabindex="-1"/>
<div tabindex="-1" class="infro
浏览 6提问于2017-02-22得票数 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
我使用下面的代码来获取焦点所在输入的id：
$('#searchColumnFields input').focus(function(){
thisId = $(this).css('id');
$(this).css('border-color', '#CCEBFF');
pos = $(this).position() ;
$('#searchHelper').html(thisId);
$('#searchHelper').fadeIn(250).cs
浏览 0提问于2012-08-10得票数 0
回答已采纳
1回答
让我们拿一个代码样本。。HTML：
<input type="text" class="a" />
<input type="text" class="b" />
CSS：
input:focus {
background: red;
display: none;
}
在这里，输入在得到一个输入后立即失去焦点，因为它被隐藏了。焦点应该转到下一个输入。我曾想过，它应该振荡聚焦任何一个输入，就像它发生在粗体文本，得到正常的悬停。
但是，当我们在Chrome中打开示例并将焦点设置到任何一个字段时，它们都会
浏览 0提问于2015-01-14得票数 2
回答已采纳
这是我所拥有的：-我在安卓浏览器上加载html页面；-当我选择选择日期时，带有文本“type=”的输入元素获得焦点，并使用jQuery加载日期选择器；-但作为获得焦点的副作用，我会显示安卓键盘；
我怎样才能在不使用键盘的同时，使用type="text“保持对输入元素的关注呢？
有一些要求: 1)有逻辑必须配置在html页面(我的意思是不在Android设备上，但html，js或css)；2)输入字段不能被隐藏，禁用或取消(它将取消日期选择器)；
浏览 1提问于2015-08-06得票数 1
每次数据更新并保持输入元素的焦点时，您将如何更新表单模板(工具栏)？在我的代码示例中，您将找到一个表单字段，该字段附加了一个更新数据的keyup事件侦听器。
但是每次更新时，我都会重新呈现表单，这会导致输入失去焦点。
JavaScript
import "./styles.css";
import $ from "jquery";
import Handlebars from 'handlebars';
const updateHtml = data => {
const app = $('#app');
cons
浏览 5提问于2021-07-18得票数 0
回答已采纳
当输入文本时，我想改变输入的颜色和相关的字形图标图标颜色，但是当输入文本时，我已经用css更改了文本颜色，但是字形图标的颜色没有改变。
html
<div class="col-sm-4">
<input class="form-control" name="customerBidId" [(ngModel)]="createPlan.customerBidId" placeholder="Bid ID" required>
<i class="glyphico
浏览 1提问于2017-10-06得票数 1
我有一个包含多个字段的表单，它包含动态创建的字段和一些预定义的字段。其中一个字段使用提供的jquery时间选择器插件。
现在我的问题是，我正在对该字段进行快速的实时验证，因为它是模糊的，并且如果验证失败，则显示一个错误并将焦点返回到该字段。现在，我的代码在chrome上正常工作，但是在IE11和Firefox上，(inputfiled).focus()没有被触发，因此焦点没有返回到这个领域。
这是我的代码篡改
下面是同样的代码片段.
$(document).ready(function() {
// this is used just to highlight where the cu
浏览 0提问于2014-11-21得票数 1
回答已采纳
5回答
如何调整输入场焦点的边界半径。
HTML
<input type="text" class="rest" />
CSS
.rest{border-radius:15px;border:1px solid red;}
浏览 3提问于2014-04-15得票数 15
回答已采纳
2回答
请帮助解决Chrome和Edge中的焦点指示问题(Firefox似乎很好)。
此html将显示html 5日期选择器输入元素。它的默认焦点，并将使毫米突出显示，表明它有焦点。但是，当我单击“走开”，然后返回时，控制轮廓会变暗，表示它有焦点，但在我开始键入之前，它不会突出显示日期的mm部分。我该怎么解决这个问题？这似乎在Chrome和Edge中被打破，但在Firefox中有效。
<html>
<body>
<input type="date" autofocus/>
</body>
</html
浏览 7提问于2021-04-27得票数 0
1回答
当输入的焦点时，我需要在相应的标签上切换样式。HTML+CSS：
<div>
<label for="e_mail">E-Mail</label>
<input type="text" />
</div>
input[type=text]:focus + label {
color: red;
}
如何做到这一点，而不改变标签“标签”和“输入”的HTML？
浏览 1提问于2016-02-18得票数 1
回答已采纳
2回答
有没有办法(使用css、html或javascript等语言)在input标签中自定义文本提示？
对于文本提示符，我指的是输入标记中的垂直闪烁行。
浏览 2提问于2010-09-28得票数 0
我试图验证我的表单，因为用户输入信息时，点击按钮，而不是提交。我正在尝试做一些检测文本框中的文本是否是默认值的东西。然而，这是行不通的。
我不太熟悉jquery验证器。这是我到目前为止所拥有的。
$(document).on("click", "#numexercisesbutton, #submitworkout",
function() { //adds exercises
jQuery.validator.addMethod("notEqual", f
浏览 2提问于2012-07-12得票数 0
2回答
IE8 + CSS和IE9焦点
、、、、
我在一个超文本标记语言页面上工作，我们希望input字段和select下拉框在它周围有一个边界，因为它是Tab键通过和焦点。我在CSS中定义了一个输入类，如下所示：
input.highlight:focus {
border: #003366;
border-style: solid;
border-width: 2px;
}
输入字段在我的HTML文件中定义如下：
<input class="highlight" name="attorneyName" id="attorneyName" type="text"
浏览 1提问于2012-01-19得票数 0
回答已采纳
正如标题所说，我希望当某个input通过在表单域之间切换(使用键盘导航)获得焦点时，打开“选择文件”对话框。默认情况下，“选择文件”窗口仅在单击该字段时打开。
我在JS Bin上为这个问题建立了一个页面：
目前，此页面由以下代码组成：
<!doctype html>
<html>
<head>
<title>Sandbox</title>
<meta charset="utf-8">
</head>
<body>
<form>
&l
浏览 5提问于2009-11-14得票数 1
回答已采纳
我需要颜色输入边框底部时，输入不是焦点。这是我的html代码：
<input type="number" id="nc" name="days" class="numero" placeholder="" min="0"><br />
这是我的css代码：
.numero {
border-bottom-color: red;
}
但不起作用。有人能帮忙吗？
浏览 8提问于2017-09-22得票数 1
回答已采纳
我有一个表单，它有一个特殊的小部件，可以填写文本输入。当文本输入具有焦点时，小部件出现在文本输入的上方(有意在其上方)，用户单击其中的选项，完成后，它将消失并填充输入。这在IE中有一个问题，当小部件出现在输入上方时，字段的插入符号(字段的闪烁文本输入光标)通过小部件显示。该窗口小部件是普通的html/css dom结构。当我将小部件的z-index设置在文本输入之上时，它仍然会这样做。我怎样才能去掉插入符号或者确保它不会穿透呢？我不想在小部件显示期间在其他地方设置焦点，因为小部件要求输入具有焦点。
浏览 0提问于2009-12-01得票数 3
我想修剪材料输入占位符消息与省略号，但css会被应用到标签上。
我能够成功地将css应用于材料输入，当material field外观设置为标准时，我们没有标签。但是，当它设置为大纲时，css就会被应用到标签中。
我有以下html和css代码：
.myFormField {
display: block;
width: 100%;
.mat-form-field-infix {
.mat-input-element {
&:place
浏览 0提问于2022-10-13得票数 0
我有这样的代码：
<fieldset id="login">
<input type="text">
<input type="password">
<input type="checkbox" id="inline_invisible">
<label for="invisible">Login invisible</label>
<input type="checkbox" id="r
浏览 0提问于2016-09-17得票数 2
回答已采纳
我正在学习Blazor框架，它有自己的HTML元素。我尝试设计InputText元素的样式，但是它似乎不适用于某些CSS属性。例如“焦点”。 我的CSS： input:focus, select:focus, .inputstyle:focus {
border: 1px solid #ff6801;
} 超文本标记语言输入可以正常工作，但InputText不行。我的代码： <input type="text" name="address" id="address" />
<InputText
浏览 29提问于2020-12-05得票数 1
回答已采纳
我希望我的输入改变宽度时，悬停或焦点，并改变它后，离开焦点和悬停。
$(document).ready(function() {
$("#tbRegex").hover(function() {
$(this).stop(true, false).animate({
width: "200px"
});
}, function() {
$(this).stop(true, false).animate({
width: "40px"
});
});
$("#t
浏览 4提问于2015-01-31得票数 0
回答已采纳
我正在尝试将表单验证中的错误显示为输入框中的占位符。 现在，我有以下HTML/PHP代码： <input type="text" name="name" id="name" placeholder="Enter first name"
class="<?php if(isset($error['name'])){echo "error-found";} else { echo "no-error";} ?>"
value="<?php
浏览 45提问于2020-04-08得票数 0
想要处理输入表单错误使用HTML5和CSS -没有JS。
目前，我将span设置为不可见，直到输入有效。但是，输入文本字段的默认状态为空，因此无效，默认情况下跨度是可见的。
HTML：
<input class="form-control" placeholder="#####"
name="zip" pattern="\d{5}" title="Enter valid 5 digit zip"
required><span class="formhelp">5
浏览 3提问于2015-03-24得票数 2
我需要实现一个edittext字段，它只允许用户输入20到60。如果用户输入的数字超出范围，将显示一个对话框，并强制用户再次输入。
因此，文本观察器没有用处，因为它不能阻止用户输入小于20的数字。
onFocusChangedListener既不是，也不是，如果用户点击“完成”按钮，编辑文本不会失去焦点，所以触发器也不会触发。
此外，edittext位于选项卡视图中，因此当用户单击另一个选项卡时，触发器会触发，但用户不能再为该edittext输入值。
浏览 0提问于2011-05-11得票数 5
1回答
下一个html在所有主要浏览器中都能正常工作，除了opera 12:图标(点击日历显示)
<input type='text' width='100px'/>
<img alt='icon' width='20' height='20' style='margin-left: -25px;'/>
在opera 12 img中，当输入没有焦点时，img是隐藏的(为什么？！)，当输入被聚焦时，img是可见的，但是当我单击img时，输入失去焦点，img消失，单击被忽略。
有什么方法
浏览 3提问于2013-09-20得票数 0
回答已采纳
下面的代码阻止Ctrl+A选择整个HTML页面，而鼠标则无法选择任何内容，这是很棒的。
但不幸的是，Ctrl+A并不能按需要在每个浏览器中的某些元素上工作：
当焦点集中在链接、选择或按钮上时:如果焦点集中在输入字段，则不应该是selectedCtrl+A :当前输入字段中的文本应该选择
有了Mozilla和Internet，一切都能按需要工作。太棒了！
但谷歌Chrome、Opera、Edge和Safari的工作方式并不尽如人意。当焦点放在链接、选择或按钮上时，Ctrl+A将选择所有输入字段的文本。
在谷歌Chrome、Opera、Edge和Safari中，我如何防止这种不受欢迎的行为？
注意
浏览 4提问于2020-06-21得票数 0
回答已采纳
7回答
我尝试做脚本，改变颜色的边框-底部的div后，有重点
<input type="text">
然后在单击其他位置后更改回默认颜色。
这是我尝试过的：
Css：
.div1 {border-bottom:1px solid #ccc;}
Javacript：
function inputFocus(){ $(".div1").css("border-bottom","1px solid #ffba00"); };
Html：
<input type="text" onFocus="input
浏览 5提问于2012-04-30得票数 3
我在一个使用Webapp，html，css和JQuery/JS的POS系统上工作。在Html中使用引导程序。
有一个带有一个输入字段的主页，其中输入了扫描的条形码。所有其他的“页面”都是模态的。平板电脑设备是Windows平板电脑。已连接蓝牙键盘。在任何情况下，用户都不需要使用Tab按钮，他们将使用触摸屏进行导航，使用键盘输入客户详细信息等。
解决我的问题。在主页上，用户可以不小心按下Tab键，并将焦点从条形码输入字段移开。如果他们执行此操作并且不知情，则下一个扫描的条形码将不会出现在项目列表中。我需要防止这种情况发生，以确保输入字段始终具有焦点。
有没有办法做到这一点？我曾考虑在主页上的其他
浏览 13提问于2016-09-16得票数 0
回答已采纳
2回答
我是html/css的新手，我在写下划线的时候有一个文本框，下划线在words.once下面，焦点会自动关闭，我想在输入时删除那个下划线。
我用过text-decoration: none;和spellcheck="false"
但这不管用。
我的片段
<input type="text" spellcheck="false" class="text-line" id="username" name="username" placeholder="Username">
浏览 5提问于2016-05-20得票数 0
回答已采纳
我是.Net和WPF的新手，有一个问题。代码是一个代码片段。我让TextBoxes输入日期。我使用GotFocus和LostFocus事件检查输入是否正确。
<TextBox Name="sdDay" Width="40" Text="Day" GotFocus="DateDay_GotFocus" LostFocus="DateDay_LostFocus" Padding="5,5,5,5" HorizontalContentAlignment="Center" Focusa
浏览 0提问于2009-07-31得票数 7
回答已采纳
我有一个输入字段。在它的焦点事件中，我打开一个工具提示，在它的焦点上，我关闭工具提示。但是现在我有一个关于工具提示的链接，以及我想做些什么来使这个链接可点击。但是当我开始聚焦输入并转到工具提示链接并尝试单击时，输入的焦点事件首先被调用，工具提示被关闭。所以我无法点击那个链接。这是我的代码：
html：
<div class="block"><input type="text" class="field-input"/><div class="tooltip">
<a href="#
浏览 4提问于2017-02-03得票数 0
回答已采纳
当输入字段处于焦点/模糊状态时，我可以使用以下代码制作隐藏的div显示/隐藏：
$('#example').focus(function() {
$('div.example').css('display','block');
}).blur(function() {
$('div.example').fadeOut('medium');
});
问题是，当用户在这个div内交互时，我希望div.example继续是可见的。例如，在div.example中单击或突出显示文
浏览 1提问于2010-03-11得票数 19
回答已采纳
1回答
我在iphone上的html/css代码有问题。访问此链接并单击顶部栏中的搜索图标。在此之后，您将看到搜索栏。
当我点击搜索输入框时，问题就开始了。
在那之后，似乎有一些元素使身体变宽，我可以从左向右滚动。这不应该发生的。
我找不到造成这个问题的原因。
我已经验证了html和css。
另外，我在页面底部还有另一个表单。这是接触形式和输入字段没有造成任何问题的焦点。
浏览 0提问于2016-09-20得票数 0
回答已采纳
1回答
据我所知，js草稿编辑器不是一个经典的文本区域元素。我用了一些样式让它看起来更好看。然而，当我专注于我的draftjs编辑器时，我却找不到这样的小技巧:做一个自然的html焦点效果。我不是css专家，我尝试过使用:active伪类--一旦发布点击，效果就会消失。
我只想让边框像一个经典的html输入焦点效果。
怎么能安排这件事？
谢谢
浏览 1提问于2017-03-21得票数 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
回答已采纳
嗨，我在做JQuery作业的家庭作业。焦点突出显示应该在每次用户单击submit按钮时从一个输入切换到另一个，并且完成一个输入部分，但不是下一个和/或其他部分。 我的问题源于第三个输入部分，它是单选按钮输入，而不是文本输入。有两个单选按钮检查圆供用户点击，一个用于男性，另一个用于女性，但是尽管在html中存在用于两个单选按钮检查圆的输入部分，但是他们应该只点击一个，以便从焦点转移到下拉列表部分。 我的问题是，如何编写JQuery代码，以便在只单击其中一个单选按钮而不是两个单选按钮后，焦点将转移到下拉列表。我的html和Javascript/Jquery代码如下： Code:`enter co
浏览 27提问于2019-04-16得票数 0
回答已采纳
1回答
我对网络编程非常陌生。我参加了一个关于html、css、js和节点的在线课程，现在我开始构建一个在线日历应用程序。在我的日历页面中，一年中的每一天都用文本输入来表示。所以页面中有365个输入。我要做的是，当输入失去焦点时，输入的值必须存储在mongo数据库中。假设当输入失去焦点时，我应该从index.js文件向calendar.ejs文件发送post请求。但是到目前为止，我能找到的所有例子都使用了表单标记。是否可以在触发文本输入的onfocusout事件时发送post请求？
浏览 3提问于2018-05-02得票数 0
回答已采纳
1回答
伙计们，我不知道如何解决或解释这个问题，我试着在谷歌上搜索，但没有找到解决方案。看一下附在一起的图像。
基本上它是一个输入字段，类型= submit。点击它时，它会膨胀，如图中所示。当点击外面，它回到原来的形状。知道为什么会这样。这方面的HTML和CSS非常简单。
<input class="buynowsml" type="submit" value="Buy now" />
.buynowsml {
border:none;
border-radius:2px;
-moz-border-radius:2p
浏览 2提问于2015-10-16得票数 0
回答已采纳
1回答
我想要的是当输入得到焦点或失去焦点时(这两个事件)都能做一些事情。
我尝试了以下几种方法，但通过事件(单独编码时)这是独立的:只针对焦点，或者只针对失去焦点。
此外，我希望它跨平台尽可能(包括触摸设备)，这是足够(焦点和模糊)还是有一些其他的事件，我需要关心？
HTML:
<input type="text" class="inp">
<div id="zzz" class=""></div>
CSS:
div {
height: 100px;
width: 100px;
backg
浏览 2提问于2017-04-04得票数 1
回答已采纳
1回答
我正在创建一个元素，当元素被聚焦时，标签会向上浮动，当焦点被移除时，标签会回到原来的位置。
现在，如果输入框包含一些值，并且我们移除了焦点，那么标签应该只保持向上。如何使用CSS实现这一点？
jsbin链接：
main.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin&
浏览 0提问于2020-08-01得票数 0
我有一个旧的MVC3项目，注意到其中一个文本字段的CSS在输入后发生了变化。文本字段在验证后似乎会丢失其CSS或类。
下面是我用来缩小问题范围的代码：
布局
<!DOCTYPE html />
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>@ViewBag.Title</title>
<meta http-equiv="X-UA-Compatible" content
浏览 0提问于2016-04-28得票数 0
1回答
在Servicenow门户中，我尝试创建一个输入文本字段，当用户尝试对文本进行更改时，该字段具有一些要求。在表单中，如果用户想要更改已添加的文本，则必须突出显示新的输入文本。只有新更改才能突出显示。之前的文本将保持不变，不会有任何突出显示。我查看了html标签，但它突出显示了整个文本字段，并尝试在css标签名称中使用“焦点”。
HTML：
<input type="text" value={{data.text2}}>
CSS：input:focus::first-line { background-color: #fff2ac; }
浏览 20提问于2021-03-12得票数 1
有没有办法监听正在显示或隐藏的元素？
我想明确地说，当一个元素从隐藏变为显示时，将焦点放在新显示的元素中的第一个输入元素上
我想将单击事件附加到所有内容并将其放在文档的顶部，认为这将在任何事情之前触发，并且我可以跟踪被单击元素的next("div") (或其他内容)是否具有none的css display属性，然后设置一个小超时，然后设置焦点，但当我尝试访问该CSS属性时，我得到了undefined
$("html").on("click", "body", function(){
alert($(this).next(&#
浏览 3提问于2013-10-04得票数 5
2回答
这是我的HTML： <template>
<div>
<div v-if="id!==undefined">
<strong>ID</strong>
<input
id="id"
v-model="id"
type="text"
readonly
>
<button
type="button"
浏览 35提问于2019-09-14得票数 0
回答已采纳
1回答
我有一个文件输入框，允许用户从本地文件系统中选择一个文件。然后将该文件读入到文本区域中。我知道，只有当输入字段不再处于焦点中时，才会发生更改事件。但是，我的应用程序的行为并不一致。在用户选择文件后，输入有时会正确失去焦点，有时则不会。我不知道如何在用户选择文件后强制输入失去焦点。我的代码：
HTML：
<div class="form-group pull-left">
<input type="file" id="scriptFile" class="form-control input-sm inputfile
浏览 1提问于2016-02-10得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
