HTML DOM Event 对象

最新推荐文章于 2025-09-12 08:57:25 发布

rose001

最新推荐文章于 2025-09-12 08:57:25 发布

阅读量430

点赞数

CC 4.0 BY-SA版权

文章标签： html function javascript input

本文链接：https://blog.youkuaiyun.com/rose001/article/details/2830810

本文介绍了一个简单的HTML示例，展示了如何使用onblur事件触发JavaScript函数，该函数会将输入框内的文本转换为全大写。通过这个例子，读者可以了解到如何结合HTML和JavaScript来实现基本的用户交互。

http://www.w3school.com.cn/htmldom/dom_obj_event.asp

onblur 事件会在对象失去焦点时发生。

本例中，我们将在用户离开输入框时执行 JavaScript 代码：

<html>
<head>
<script type="text/javascript">
function upperCase()
{
var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toUpperCase()
}
</script>
</head>

<body>

输入您的姓名：
<input type="text" id="fname" οnblur="upperCase()" />

</body>
</html>