有没有一种方法可以强制用户进入html文本输入？

Question

我想知道是否有人建议强迫用户使用Javascript / Jquery选择文本框吗？

示例：用户单击网页上的X对象。用户被迫进入一个文本框，他们应该在其中首先输入信息。

预先感谢：）

Answer 1

您需要使用以下事件将事件侦听器添加到事件触发对象中

本地JavaScript

let myXObject = document.getElementById('#xObject');
let myTextbox = document.getElementById('#myTextbox');
myXObject.addEventListener('click', function() {
    myTextbox.Focus();
});

jQuery

let myXObject = $('#xObject');
let myTextbox = $('#myTextbox');
myXObject.click(function() {
    myTextbox.focus();
});

Answer 2

是的，您要寻找的被称为focus。

以下是使用jquery和普通js的示例：

function setFocusjquery() {
  $('#text-1').focus();
}

function setFocus() {
  document.querySelector('#text-2').focus();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button onclick="setFocusjquery()">FOCUS jquery</button>
<input type="text" id="text-1" />
<br />
<button onclick="setFocus()">FOCUS JS</button>
<input type="text" id="text-2" />

Answer 3

使用JavaScript focus()方法。

HTML：

<button type="button" onclick="focusField()">Click me</button>

...

<input type="text" id="myInput">

JavaScript：

function focusField() {
    document.getElementById('myInput').focus();
}