编程 Javascript

html的DOM中Event对象onblur事件用法实例

Posted in Javascript onJanuary 21, 2015

本文实例讲述了html的DOM中Event对象onblur事件用法。分享给大家供大家参考。具体分析如下：

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

语法如下：

onblur="SomeJavaScriptCode"

SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签：

支持该事件的 JavaScript 对象：

button, checkbox, fileUpload, layer, frame, password,
radio, reset, submit, text, textarea, window

例子：在用户离开输入框时执行 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" onblur="upperCase()" />
</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

html的DOM中Event对象onblur事件用法实例

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javaScript call 函数的用法说明

Apr 09 Javascript

JavaScript 面向对象的私有成员和公开成员

May 13 Javascript

cnblogs TagCloud基于jquery的实现代码

Jun 11 Javascript

JS中不为人知的五种声明Number的方式简要概述

Feb 22 Javascript

jQuery.validate 常用方法及需要注意的问题

Mar 20 Javascript

原始的js代码和jquery对比体会

Sep 10 Javascript

javascript实现全角与半角字符的转换

Jan 07 Javascript

JS特效实现图片自动播放并可控的效果

Jul 31 Javascript

jquery validate表单验证插件

Sep 06 Javascript

在vue-cli 3中给stylus、sass样式传入共享的全局变量

Aug 12 Javascript

vue element upload组件 file-list的动态绑定实现

Oct 11 Javascript

JavaScript数组去重实现方法小结

Jan 17 Javascript

JS简单计算器实例

Jan 20 #Javascript

jQuery元素的隐藏与显示实例

Jan 20 #Javascript

DOM基础教程之使用DOM设置文本框

Jan 20 #Javascript

DOM基础教程之使用DOM控制表单

Jan 20 #Javascript

DOM基础教程之使用DOM控制表格

Jan 20 #Javascript

jQuery实现tag便签去重效果的方法

Jan 20 #Javascript

js实现class样式的修改、添加及删除的方法

Jan 20 #Javascript