我有一个在类星体+ Vue 3中开发的表单,并希望以编程方式将焦点设置在submit按钮上,以便用户可以按ENTER键提交。
<q-btn ref="btn" />
我认为使用裁判是可行的:
this.$refs.btn.focus()
但我得到了TypeError: this.$refs.btn.focus is not a function。
如何将注意力集中在QButton上?
更新:在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
我有两个输入,希望切换焦点从第一次到第二次当用户按回车。我尝试将jQuery与Vue混合起来,因为我找不到任何函数来关注Vue文档中的某些内容:
<input v-on:keyup.enter="$(':focus').next('input').focus()"
...>
<input ...>
但在输入时,我看到控制台中出现了错误:
build.js:11079 [Vue warn]: Property or method "$" is not defined on the instance
我有一个奇怪的行为,当我把一个输入到一个div (与玉),当我只在div幻灯片上添加标签时,没有问题。
但是当我试图设置一个输入时,我会同时看到slide1和slide2 (参见下面的问题和代码)。
任何样式都应用在输入上,但引导带除外。即使我删除了所有的样式并让最小值,输入也会导致问题。
div#owl-example.owl-carousel
div
legend Which Type ?
div.choice
div.choice1
h2 C
当模型改变时,EditForm元素会重新呈现它的子内容。这样做的一个副作用是,活动的(聚焦的)输入元素从DOM中删除,焦点丢失。
<EditForm Model="model">
<!-- Focus will not be retained when model changes -->
<InputText @bind-Value="model.Name" />
...dozen of other inputs
</EditForm>
请参阅演示:
当重新呈现EditForm时,我希望
我有一个简单的登录表单与2个输入字段:“用户名”和“密码”。"username“字段默认为焦点。问题是,当用户在“用户名”或“密码”字段之外单击时,焦点就消失了(既不在“用户名”上,也不在“密码”字段上)。如何才能强制将焦点仅放在这两个字段上?
在我的例子中,这是一个非常恼人的行为,所以我真的想这样做:)
我可以这样做吗:
$("*").focus(function() {
if (!$(this).hasClass("my_inputs_class")) {
// How to stop the focusing process