如何通过单击 jQuery 中的按钮在搜索表单中设置光标?
给定一个搜索表单,我们需要使用 jQuery 在单击按钮时将光标设置在搜索表单中。这可以通过使用 focus() 方法和 click() 方法来完成。
我们将创建一个带有文本框和按钮的网页。我们将使用 jQuery 添加功能,以便在单击按钮时将光标设置为文本框。现在让我们讨论一些我们将在实现中使用的方法。
click() 方法: jQuery 中的click()方法启动 click 事件或在触发 click 事件时运行传递给它的函数。
句法:
$(selector).click(function);
参数:它接受一个可选参数“函数”,当点击事件发生时运行。
返回值:它返回具有指定函数的选定元素执行。
焦点()方法: focus()方法触发焦点事件或在触发焦点事件时运行传递给它的函数。 focus()方法可用于通过使用选择器来聚焦特定元素。
句法:
$(selector).focus()
参数:它接受一个可选参数“函数 ”,当焦点事件发生时将运行该参数。
jQuery CDN 链接:
脚步:
- 将 jQuery CDN 添加到脚本或将它们下载到本地计算机。
- 使用引导程序创建一个文本框和按钮,这样它就会好看。
- 打开脚本标记并使用click()函数。
- 在单击处理程序中,使用focus()方法通过选择器将光标设置到文本框。
例子:
HTML
GeeksforGeeks
Set cursor in search form
输出: