编程 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 相关文章推荐

Save a File Using a File Save Dialog Box

Jun 18 Javascript

javascript radio 联动效果

Mar 04 Javascript

window.onload 加载完毕的问题及解决方案（下）

Jul 09 Javascript

js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)

Dec 27 Javascript

jquery数组之存放checkbox全选值示例代码

Dec 20 Javascript

JavaScript设置表单上传时文件个数的方法

Aug 11 Javascript

基于Javascript实现返回顶部按钮

Feb 29 Javascript

根据Bootstrap Paginator改写的js分页插件

Dec 25 Javascript

AngularJS 控制器 controller的详解

Oct 17 Javascript

浅谈Vue数据绑定的原理

Jan 08 Javascript

Vue.js数字输入框组件使用方法详解

Oct 19 Javascript

vue实现选中效果

Oct 07 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