body和document常用的事件

于 2017-02-28 11:53:32 发布 1186 收藏
分类专栏： .net 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhuoyue008/article/details/58589295
版权 
<body onload=" alert('docment has onload')" onunload="alert('document has unloaded')" 
onbeforeunload="window.event.returnValue = '确实要关闭窗口吗？'">
    afwqerf
    <input type="button" />
</body>


onload 加载完毕
onunload 关闭或离开网页后触发
onbeforeunload 关闭或离开网页后触发


其他事件： onclick ondblclick onkeydown（按键按下）、onkeypress（点击按键）、onkeyup（按键释放）
、onmousedown（鼠标按下）、onmousemove（鼠标移动）、onmouseout（鼠标离开元素范围）、
onmouseover（鼠标移动到元素范围）、onmouseup（鼠标按键释放） 
onfocus(获取焦点时候触发) onblur(失去焦点时候触发)
卓月
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
document、body对象的事件
Jack huang的专栏
02-28 623
onload页面加载完毕时触发，浏览器是一边下载文档，一边解释执行，可能会出现javascript执行时需要某个还没有加载的元素，如果这样需要把操作的代码放到onload事件中，或者把javascipt放到元素之后 onunload:网页关闭（或者离开）后触发 onbeforeunload：在网页准备关闭或者离开的时候触发 window对象代表当前浏览器对象（使用window对象的时候可以省...
onBlur事件与onfocus事件（js）
weixin_30731287的博客
10-10 64
onFocus事件就是当光标落在文本框中时发生的事件。 onBlur事件是光标失去焦点时发生的事件。 可以编如下例子 1.html <HTML> <HEAD> <TITLE>使用onBlur事件处理程序</TITLE> </HEAD> <BODY BGCOLOR="lavender"> <FORM name=...
8.document常用事件
最新发布
a1498665771的博客
02-07 1464
document常用事件
javascript 中的onblur 事件
k_1991的专栏
11-05 3217
最开始的情况是这样的，在我们看一个电视镜头时，画面上有两个人，一远一近，如果远处的人在说话，我们将镜头位伸，焦点在远处的人身人，而近处的人就模糊了，而拉近时，近处的人会清晰，远处的人处于失焦的情况下就会模糊。 这个与网页中的情况很象的，一个网页中只有一个焦点，这个焦点到一个对象上去，那么其余的对象都是在失焦的状况下的。所以人家使用了onblur作为事件从焦点转移的事件是没有错的。 我想这个对象
JavaScript - 事件基础
weixin_44531811的博客
12-04 194
一、事件概述 JavaScript 可以创建动态页面，而事件是可以被 JavaScript 侦测到的行为。 简单理解： 触发— 响应机制。 网页中的每个元素都可以产生某些可以触发 JavaScript 的事件，例如，在用户点击某按钮时产生一个 事件，然后去执行某些操作。 1 - 事件三要素 事件源（谁）：触发事件的元素； 事件类型（什么事件）： 例如 click 点击事件； 事件处理程序（做什么）：事件触发后要执行的代码(函数形式)，事件处理函数； 案例代码 <body> <b
JS中onblur总结
qq_30359369的博客
08-05 5905
JS中onblur总结 #第一种方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="text"id="...
Document对象
WindrunnerMax
11-29 797
Document对象 Document接口表示任何在浏览器中载入的网页，并作为网页内容的入口，也就是DOM树。DOM树包含了像<body>、<div>这样的元素，以及大量其他元素。Document对象向网页文档本身提供了全局操作功能，接口描述了任何类型的文档的通用属性与方法，根据不同的文档类型(例如HTML、XML、SVG、...)能够使用更多API，此外使用text/html作为内容类型content type的HTML文档，还实现了HTMLDocument接口，而XML和SVG文
JS中的鼠标事件
m0_70185826的博客
07-01 3549
通过鼠标触发事件，类似用户的行为：mouseover事件和mouseenter事件，都是鼠标进入一个节点时触发。两者的区别是，mouseenter事件只触发一次，而只要鼠标在节点内部移动，mouseover事件会在子节点上触发多次。 MouseEvent.button属性返回一个数值，表示事件发生时按下了鼠标的哪个键。 0代表左键 1代表中键 2代表右键 2. MouseEvent.clientX，MouseEvent.clientY MouseEvent.clientX属性返回鼠标位置相对于浏
在iframe内页触发顶层页面body的blur事件
weixin_30567225的博客
09-07 470
//在iframe内页触发顶层页面body的blur事件. if (window != top) { $(document.body).click(function () { $(top.document.body).click(); }); } 转载于:https://www.cnblogs.com/adinet/p/11...
JavaScript中onblur事件
weixin_47511190的博客
07-12 1507
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> function onblurfun(){ //console是控制台对象，是JavaScript语言提供，专门用来向 //浏览器的控制台打印输出，用于测试使用
JavaScript事件
weixin_30273931的博客
09-13 55
JavaScript 事件 JavaScript事件 事件是可以被JavaScript侦测到的行为。 HTML事件是发生在HTML元素上的事情。 当在HTML页面中使用JavaScript时，JavaScript可以出发这些事件。 HTML事件 HTML事件可以是浏览器行为，也可以是用户行为。 HTML网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。 ...
onblur属性详解
qq_39429962的博客
10-09 1万+
onblur 事件会在对象失去焦点时发生，所谓焦点指的就是当前操作的对象，当我们操作一个div时，这个div就获取了焦点，那么onblur的作用是什么呢，在我们需要实现类似点击其他部分取消当前下拉框显示的功能时，onblur属性就要开始显现作用了。 下面是一个实例： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt...
JS中onfocus()事件，onblur()事件，onload()事件
木木木华的博客
04-18 2万+
1. onfocus 事件在对象获得焦点时发生。实例：&lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt;     function setStyle(x)     {         document.getElementById(x).style.background="yellow"     } &lt;/script...
html body tag,Does HTML 'body' tag have an onblur event?
weixin_31876345的博客
06-15 33
问题I tried to bind the onblur event to a tag and it works in IE 6/8.However, when I turn to w3schools, it turns out that the tag doesn't have an onblur event.Can anyone explain this?回答1:The HTML4 spe...
如何获得onblur中的值,从onBlur事件中获取新聚焦的元素（如果有）。
weixin_39949607的博客
12-24 582
I need to get the newly focussed element (if any) while executing an onBlur handler.How can I do this?I can think of some awful solutions, but nothing which doesn't involve setTimeout.解决方案Reference it...
js中document.documentElement 和document.body 以及其属性
aijiangxiao8942的博客
10-02 194
（原来HTML里是document.body --XHTML里是document.documentElement ,都指的是<body>节点(OR元素)） 在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document.body.scrollTop等属性，但是此属性在xhtml标准...
Js失去焦点 （onblur）完成一个简单的案例
weixin_47541751的博客
11-19 1万+
JavaScript中失去焦点，写出一个简单的案例来理解。 在我们玩游戏，都会取一个昵称或者账号，就以昵称l举例。取昵称的时候往往会发现，自己取的昵称已经被别人已经使用，他就会提示你该昵称已使用；只能去想一个新的昵称来使用注册。 通过这个案例来理解（失去焦点），以及它的逻辑与实现。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> &lt
【杠精】各种解除浏览器在线考试屏蔽功能的骚操作！！！（经常参加在线考试的同学关注必点赞）
热门推荐
你挚爱的强哥❤给你发来1条消息❤
07-06 2万+
//解除切屏限制 window.onmouseleave = window.onblur = window.onmouseout = document.onmouseleave = document.onblur = document.onmouseout = document.body.onmouseleave = document.body.onblur = document.body.on...
关于html中的onBlur事件和focus事件
互联网
12-07 390
定义和用法 onblur 事件会在对象失去焦点时发生。 就是一个事件,在控件获得失去焦点时是触发, 比如有一个文本输入框&lt;input type="text"&gt;,你想在用户点击它输入文本时,执行改变它的外观或者其它什么操作,就可以定义完成这个操作的处理程序,并&lt;input type="text" onblur="SomeSub"&gt; onFocus事...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

卓月

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。

余额充值