JavaScript中onfocus的用法

JavaScript中onfocus的用法,第1张

onfocus是JavaScript中的一个事件,表示:在对象获得焦点时发生。

比如输入框获得焦点时,输入框背景变为红色。示例如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">

<title>JS onfocus用法</title>

<script type="text/javascript">

//改变文本框背景颜色

function changeStyle(id)

{

document.getElementById(id).style.background="red"

}

</script>

</head>

<body>

输入内容: <input type="text" onfocus="changeStyle(this.id)" id="content" />

</body>

</html>

运行结果:

onFocus是JavaScript的里面的在对象获得焦点时发生的事件,最简单的实例就是网页的上的一个输入框,当使用鼠标点击该输入框使输入框被选中可以输入内容的时候就是该输入框获得焦点的时候,此时输入框就会触发onFocus事件。

HTML简介:超文本标记语言, 标准通用标记语言下的一个应用。 “ 超文本 ”就是指页面内可以包含图片、 链接,甚至音乐、 程序等非文字元素。 超文本标记语言的结构包括 “头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的 具体内容。

onfocus简介:

onfocus属于JavaScript中HTMLDOMEvent对象中的一个事件,onfocus事件在对象获得焦点(光标)时发生。

参数:

在onfocus事件发生时,"SomeJavaScriptCode"是必需执行的 JavaScript。

这个是HTML DOM对象的方法,并不是js的函数,js只是调用对象的focus方法.

该方法表示将输入焦点移至对象上.

并不是另一个网友说的选中,选中是select()方法.


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7931665.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-11
下一篇2023-04-11

发表评论

登录后才能评论

评论列表(0条)

    保存