HTML DOM focus() 方法

目录

  • HTML DOM focus() 方法

    • 实例
    • 定义和使用
    • 浏览器支持
    • 语法
    • 参数
    • 技术描述
    • 更多实例
    • 实例
    • 实例

HTML DOM focus() 方法

实例

为 <a> 元素设置焦点:

document.getElementById("myAnchor").focus();

尝试一下?


定义和使用

focus() 方法用于为元素设置焦点(如果可以设置)。

提示:使用 blur()方法来移除元素焦点。


浏览器支持

方法
focus() Yes Yes Yes Yes Yes

语法

HTMLElementObject.focus()

参数

None

技术描述

返回值: 没有返回值

更多实例

实例

为文本域设置焦点:

document.getElementById("myText").focus();

尝试一下 ?

实例

在文档加载后,为文本域设置焦点:

window.onload = function() {
document.getElementById("myText").focus();
};

原文地址:https://www.cnblogs.com/TMesh/p/11832818.html

时间: 2024-11-02 23:41:27

HTML DOM focus() 方法的相关文章

jQuery - DOM 元素方法

jQuery DOM 元素方法 - get() 方法 实例 获得第一个 p 元素的名称和值: <script type="text/javascript">   $(document).ready(function(){   $("button").click(function(){   x=$("p").get(0);   $("div").text(x.nodeName + ": " + x

WPF送走控件的focus方法

我们可以调用Focus()方法,让WPF控件获得焦点, 那我现在不想要焦点了, 如何把这个包袱抛出去? 可以,  恩, 没有Unfocus(), 但下面的方法也许可行(把焦点抛给另一个不知道的控件): myControl.MoveFocus(new TraversalRequest(FocusNavigationDirection.Next)); WPF送走控件的focus方法,布布扣,bubuko.com

用原生dom的方法获取class对象(很简单实用)

话不多说,直接上代码,用的是for(var i in array) 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>用原生dom的方法获取class对象(很简单实用)</title> 6 <style> 7 .ca{background:red;padding:20px;} 8 .js{border:1px so

使用DOM的方法获取所有li元素,然后使用jQuery()构造函数把它封装为jQuery对象

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta ht

DOM 对象方法

DOM 对象方法 这里提供一些您将在本教程中学到的常用方法: 方法 描述 getElementById() 返回带有指定 ID 的元素. getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组). getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表. 注:getElementsByClassName() 在 Internet Explorer 5,6,7,8 中无效. appendChild() 把新的子

DOM遍历方法(基于jQuery)

在使用$()创建了jQuery对象之后,通过调用下列DOM遍历方法,可以修改其中匹配的元素,以便将来操作. 筛选元素 .filter(selector)                              与给定的选择符selector匹配的选中元素 .filter(callback)                              回调函数callback返回true的选中元素 .eq(index)                                     从0开

JavaScript中HTML DOM focus()与onblur() setSelectionRange()用法

今天在写一个todolist待办事项项目,需要单击编辑待办事项的内容,百度搜了一下这几个方法的用法,总结一下 focus()方法:获得键盘焦点,单击之后就调用绑定的js方法,在span标签里面加一个输入框,然后进行编辑 onblur()方法:失去键盘焦点,编辑结束之后,随意鼠标单击任意地方更新编辑的内容 setSelectionRange():js控制输入框光标位置 这三个方法组合起来可以用做鼠标点击事件,然后进行内容编辑,内容编辑时使用setSelectionRange()选中所有文本,就可以

focus方法

在js书上看到了focus()方法,一直认为这是jQ的方法,怎么直接用在了DOM中, 原来,DOM也有此方法,各种知识点层出不穷. 获取焦点focus() 移除 blur() <!DOCTYPE html> <html> <head> <style> a:focus, a:active { color: green; } </style> </head> <body> <a id="myAnchor&quo

JQuery DOM元素方法跟JQuery 核心函数跟JQuery 事件方法

JQuery DOM 元素 函数                            描述 .get()                           从队列中删除所有未运行的项目. .index()                        存储与指定元素相关的任意数据. .size()                          存储与匹配元素相关的任意数据. .toArray()                     从队列最前端移除一个队列函数,并执行它. JQuer