📌  相关文章
📜  如何通过单击 jQuery 中的按钮在搜索表单中设置光标?

📅  最后修改于: 2022-05-13 01:55:55.574000             🧑  作者: Mango

如何通过单击 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     
    
                                    
        


输出: