html的DOM中Event对象onblur事件用法实例,js中的事件捕捉模型与冒泡模型实例剖判

By admin in 4858美高梅 on 2019年8月31日

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

正文实例呈报了html的DOM中伊芙nt对象onblur事件用法。分享给大家供大家参谋。具体解析如下:

onblur 事件会在目的失去大旨时爆发。

语法如下:

复制代码 代码如下:

onblur=”SomeJavaScriptCode”

SomeJavaScriptCode 必得。规定该事件发生时举办的 JavaScript。

帮衬该事件的 HTML 标签:

<a>, <acronym>, <address>, <area>, <b>,
<bdo>, <big>, <blockquote>,
<button>, <caption>, <cite>, <dd>, <del>,
<dfn>, <div>, <dl>, <dt>,
<em>, <fieldset>, <form>, <frame>,
<frameset>, <h1> to <h6>, <hr>, <i>,
<iframe>, <img>, <input>, <ins>, <kbd>,
<label>, <legend>, <li>,
<object>, <ol>, <p>, <pre>, <q>,
<samp>, <select>, <small>, <span>,
<strong>, <sub>, <sup>, <table>, <tbody>,
<td>, <textarea>, <tfoot>,
<th>, <thead>, <tr>, <tt>, <ul>,
<var>

帮助该事件的 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中伊夫nt对象onblur事件用法。分享给大家供大家参照他事他说加以考察。具体深入分析如下:…

html的DOM中伊夫nt对象onblur事件用法实例

 那篇文章首要介绍了html的DOM中伊夫nt对象onblur事件用法,实例深入分析了onblur事件的应用限制与相应的javascript使用本领,要求的恋人能够参谋下

 

 

本文实例呈报了html的DOM中Event对象onblur事件用法。分享给大家供大家参照他事他说加以考察。具体深入分析如下:

onblur 事件会在对象失去主题时产生。

语法如下:

代码如下:

onblur=”SomeJavaScriptCode”
SomeJavaScriptCode 必得。规定该事件产生时实践的 JavaScript。

html的DOM中Event对象onblur事件用法实例,js中的事件捕捉模型与冒泡模型实例剖判。 

支撑该事件的 HTML 标签:

<a>, <acronym>, <address>, <area>, <b>,
<bdo>, <big>, <blockquote>,
<button>, <caption>, <cite>, <dd>, <del>,
<dfn>, <div>, <dl>, <dt>,
<em>, <fieldset>, <form>, <frame>,
<frameset>, <h1> to <h6>, <hr>, <i>,
<iframe>, <img>, <input>, <ins>, <kbd>,
<label>, <legend>, <li>,
<object>, <ol>, <p>, <pre>, <q>,
<samp>, <select>, <small>, <span>,
<strong>, <sub>, <sup>, <table>, <tbody>,
<td>, <textarea>, <tfoot>,
<th>, <thead>, <tr>, <tt>, <ul>,
<var>

援助该事件的 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事件用法,实例解析了onblur事件的应用范围与相应的javascr…

正文实例汇报了html的DOM中伊夫nt对象onblur事件用法。分享给大家供大家参谋。具体剖判如下:

正文实例呈报了js中的事件捕捉模型与冒泡模型。分享给大家供我们仿效。

连带小说

连带找出:

前几日看啥

探寻本领库

返回首页

  • iOS9隐蔽技术:第三方选用新闻非常快回复
  • 黑莓会运用无边框设计呢?
  • 苹果ios
    9新版备忘录涂鸦工具让您轻巧
  • iphone自定义怎么修改网络标志字符
  • iphone
    6的Safari密码掩盖在哪个地方
  • iphone6开启限制广告追踪教程

连锁频道:
HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前端代码  正则表达式  Flex教程  WEB前端教程  

onblur 事件会在指标失去主旨时产生。

切实贯彻格局如下:

帮客商讨

语法如下:

实例1:

复制代码 代码如下:

复制代码 代码如下:

onblur=”SomeJavaScriptCode”

<html>
<head>
<script type=”text/javascript”>
 window.onload = function(){
  document.getElementById(‘par’).addEventListener(‘click’,function()
{alert(‘par’);},true);
  document.getElementById(‘son’).addEventListener(‘click’,function()
{alert(‘son’);},true);
4858美高梅 , }
</script>
<style type=”text/css”>
#par{width:300px;height:200px;background:gray;}
#son{width:200px;height:100px;background:green;}
</style>
</head>
<body>
<div id=”par”>
 <div id=”son”></div>
</div>
</body>
</html>

SomeJavaScriptCode 必得。规定该事件产生时实行的 JavaScript。

实例2:

支撑该事件的 HTML 标签:

复制代码 代码如下:

<a>, <acronym>, <address>, <area>, <b>,
<bdo>, <big>, <blockquote>,
<button>, <caption>, <cite>, <dd>, <del>,
<dfn>, <div>, <dl>, <dt>,
<em>, <fieldset>, <form>, <frame>,
<frameset>, <h1> to <h6>, <hr>, <i>,
<iframe>, <img>, <input>, <ins>, <kbd>,
<label>, <legend>, <li>,
<object>, <ol>, <p>, <pre>, <q>,
<samp>, <select>, <small>, <span>,
<strong>, <sub>, <sup>, <table>, <tbody>,
<td>, <textarea>, <tfoot>,
<th>, <thead>, <tr>, <tt>, <ul>,
<var>

<html>
<head>
<script type=”text/javascript”>
 window.onload = function(){
  document.getElementById(‘par’).addEventListener(‘click’,function()
{alert(‘par’);});
  document.getElementById(‘son’).addEventListener(‘click’,function()
{alert(‘son’);});
 }
</script>
<style type=”text/css”>
#par{width:300px;height:200px;background:gray;}
#son{width:200px;height:100px;background:green;}
</style>
</head>
<body>
<div id=”par”>
 <div id=”son”></div>
</div>
</body>
</html>

支撑该事件的 JavaScript 对象:

add伊夫ntListener:第多少个参数为可选参数,暗中认可景况下为false,表示冒泡模型,即先触发最小的层(id为son的div);而一旦加上true参数,则申明是捕捉模型(从html–>body—>div),按那样的层系来触发。

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

实例1的html代码有五个div,小的div满含在大的div内,点击小的div时,先是会触发alert(‘par’)事件;然后触发alert(‘son’)整件。实例2刚刚相反。

事例:在客户距离输入框时推行 JavaScript 代码:

万一是利用”对象.onclick”属性的办法来触发事件,选择的是冒泡模型。

复制代码 代码如下:

IE不协助addEventListener,而是使用attachEvent。但attach伊夫nt不援救第八个参数,它从未捕捉模型。

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

盼望本文所述对大家的javascript程序设计具有补助。

输入您的全名:
<input type=”text” id=”fname” onblur=”upperCase()” />

你只怕感兴趣的稿子:

  • Js中的onblur和onfocus事件应用介绍
  • OnFocus与OnBlur的例子不同
  • js中键盘事件实例简析
  • 浅谈js的setInterval事件
  • js控制鼠标事件移动及移出效果展现
  • js
    onmousewheel事件反复触及难题消除措施
  • js的touch事件的其实援引
  • js监听鼠标事件调整textarea输入字符串的个数
  • js
    propertychange和oninput事件
  • html的DOM中Event对象onblur事件用法实例

</body>
</html>

但愿本文所述对大家的javascript程序设计有着援助。

你大概感兴趣的篇章:

  • DOM基础教程之事件类型
  • DOM基础教程之事件目的
  • jQuery 管理页面包车型地铁事件详解
  • DOM 事件流详解
  • DOM 中的事件管理介绍
  • jquery中dom操作和事件的实例学习
    下拉框应用
  • jquery中dom操作和事件的实例学习
    仿yahoo邮箱登陆框的唤醒效率
  • jquery中dom操作和事件的实例学习-表单验证
  • DOM3中的js
    textInput文本事件
  • jQuery
    选择器、DOM操作、事件、动画
  • html的DOM中伊芙nt对象onabort事件用法实例

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有