ondragstart 事件
事件对象
实例
在用户开始拖动 <p> 元素时执行 JavaScript :
<p draggable=”true” ondragstart=”myFunction(event)”>拖动我!</p>
本文底部包含了更多实例。
定义和用法
ondragstart 事件在用户开始拖动元素或选择的文本……继续阅读 »
2年前 (2022-09-04) 15浏览 0评论
0个赞
ondragleave 事件
事件对象
实例
在可拖动的元素移出放置目标时执行 JavaScript :
<div ondragleave=”myFunction(event)”></div>
本文底部包含了更多实例。
定义和用法
ondragleave 事件在可拖动的元素或选取的文本移出放置目标时执触发。
ondragenter 和 ondragleave……继续阅读 »
2年前 (2022-09-04) 19浏览 0评论
0个赞
ondragend 事件
事件对象
实例
在用户完成 <p> 元素的拖动时执行 JavaScript :
<p draggable=”true” ondragend=”myFunction(event)”>拖动我!</p>
本文底部包含了更多实例。
定义和用法
ondragend 事件在用户完成元素或首选文本的拖动时触发。
……继续阅读 »
2年前 (2022-09-04) 11浏览 0评论
0个赞
onbeforeprint 事件
事件对象
实例
在页面即将打印时执行 JavaScript:
<body onbeforeprint=”myFunction()”>
定义和用法
onbeforeprint 事件在页面即将打印时触发 (在打印窗口出现前)。
提示： onbeforeprint 事件的相反事件为
onafterprint 。
浏览器支持
事件
……继续阅读 »
2年前 (2022-09-04) 64浏览 0评论
0个赞
ondrag 事件
事件对象
实例
在 <p> 元素开始拖动时执行 JavaScript:
<p draggable=”true” ondrag=”myFunction(event)”>拖动我!</p>
本文底部包含了更多实例
定义和用法
ondrag 事件在元素或者选取的文本被拖动时触发。
拖放是 HTML5 中非常常见的……继续阅读 »
2年前 (2022-09-04) 79浏览 0评论
0个赞
onpaste 事件
事件对象
实例
在 <input> 元素上粘贴文本时执行 JavaScript :
<input type=”text”
onpaste=”myFunction()” value=”尝试在此处粘贴文本”>
本文底部可以查看更多实例。
定义和用法
onpaste 事件在用户向元素中粘贴文本……继续阅读 »
2年前 (2022-09-04) 74浏览 0评论
0个赞
onafterprint 事件
事件对象
实例
在页面打印后执行 JavaScript：
<body onafterprint=”myFunction()”>
定义和用法
onafterprint 事件在页面打印后触发，或者打印对话框已经关闭。
提示： onafterprint 事件的相反事件为
onbeforeprint 事件。
浏览器支持
事件
……继续阅读 »
2年前 (2022-09-04) 52浏览 0评论
0个赞
oncut 事件
事件对象
实例
当 <input> 元素中的选择内容被剪切时执行 JavaScript :
<input type=”text”
oncut=”myFunction()” value=”尝试剪切该文本”>
在本文底部查看更多实例。
定义和用法
oncut 事件在用户剪切元素的内容时触发。
注……继续阅读 »
2年前 (2022-09-04) 39浏览 0评论
0个赞
oncopy 事件
事件对象
实例
当在 <input> 元素上拷贝文本时执行 JavaScript:
<input type=”text”
oncopy=”myFunction()” value=”尝试拷贝文本”>
本文底部包含更多实例。
定义和用法
oncopy 事件在用户拷贝元素上的内容时触发。
提示：……继续阅读 »
2年前 (2022-09-04) 32浏览 0评论
0个赞
onsubmit 事件
事件对象
实例
当表单提交时执行 JavaScript:
<form action="demo-form.php" onsubmit="myFunction()">
输入名字: <input type="text" name="fname">
<input type=……继续阅读 »
2年前 (2022-09-04) 49浏览 0评论
0个赞
onselect 事件
事件对象
实例
当文本被选中时，执行一段 Javascript代码：
<input type=”text” onselect=”myFunction”>
定义和用法
onselect 事件会在文本框中的文本被选中时发生。
语法
HTML 中:
<element
onselect=”SomeJavaScript……继续阅读 »
2年前 (2022-09-04) 39浏览 0评论
0个赞
onsearch 事件
事件对象
实例
当提交搜索时执行 JavaScript:
<input type=”search”
onsearch=”myFunction()”>
定义和用法
onsearch 事件在用户按下”ENTER（回车）” 按键或点击 type=”search” 的 <input……继续阅读 »
2年前 (2022-09-04) 16浏览 0评论
0个赞
oninput 事件
事件对象
实例
当用户向 <input> 中尝试输入时执行 JavaScript：
<input type=”text” oninput=”myFunction()”>
定义和用法
oninput 事件在用户输入时触发。
该事件在 <input> 或
<textarea> 元素的值发生改变时触……继续阅读 »
2年前 (2022-09-04) 89浏览 0评论
0个赞
onreset 事件
事件对象
实例
当重置表单后执行 JavaScript:
<form onreset=”myFunction()”> Enter name: <input type=”text”>
<input type=”reset”></form>
定义和……继续阅读 »
2年前 (2022-09-04) 49浏览 0评论
0个赞
onfocusout 事件
事件对象
实例
在 input 输入框即将失去焦点时执行 JavaScript :
<input type=”text”
onfocusout=”myFunction()”>
本章节底部包含更多实例。
定义和用法
onfocusout 事件在元素即将失去焦点时触发。
提示： onfocusout 事件类似于
onblur……继续阅读 »
2年前 (2022-09-04) 17浏览 0评论
0个赞
onfocusin 事件
事件对象
实例
在输入字段（input）即将获取焦点时执行 JavaScript:
<input type=”text”
onfocusin=”myFunction()”>
本章节底部还有更多实例。
定义和用法
onfocusin 事件在一个元素即将获得焦点时触发。
提示： onfocusin 事件类似于
onfocus ……继续阅读 »
2年前 (2022-09-04) 63浏览 0评论
0个赞
onfocus 事件
事件对象
实例
当 input 输入框获取焦点时执行一段 Javascript代码：
<input type=”text”
onfocus=”myFunction()”>
定义和用法
onfocus 事件在对象获得焦点时发生。
Onfocus 通常用于 <input>, <select>, 和<a&……继续阅读 »
2年前 (2022-09-04) 43浏览 0评论
0个赞
onchange 事件
事件对象
实例
当用户改变input输入框内容时执行一段Javascript代码：
<input type=”text”
onchange=”myFunction()”>
定义和用法
onchange 事件会在域的内容改变时发生。
onchange 事件也可用于单选框与复选框改变后触发的事件。
语法
HTML 中:
<e……继续阅读 »
2年前 (2022-09-04) 20浏览 0评论
0个赞
onblur 事件
事件对象
实例
当用户离开input输入框时执行一段Javascript代码：
<input type=”text” onblur=”myFunction()”>
定义和用法
onblur 事件会在对象失去焦点时发生。
Onblur 经常用于Javascript验证代码，一般用于表单输入框。
提示：onblur 相反事件为
onf……继续阅读 »
2年前 (2022-09-04) 55浏览 0评论
0个赞
onunload 事件
事件对象
实例
当用户未载入文档时执行的Javascript代码:
<body onunload=”myFunction()”>
定义和用法
onunload 事件在用户退出页面时发生。
onunload 发生于当用户离开页面时发生的事件(通过点击一个连接，提交表单，关闭浏览器窗口等等。)
注意： onunload 事件同样触发了页面载入事件……继续阅读 »
2年前 (2022-09-04) 20浏览 0评论
0个赞
onresize 事件
事件对象
实例
当浏览器被重置大小时执行Javascript代码:
<body onresize=”myFunction()”>
定义和用法
onresize 事件会在窗口或框架被调整大小时发生。
语法
In HTML:
<element
onresize=”SomeJavaScriptCode“>
JavaScr……继续阅读 »
2年前 (2022-09-04) 38浏览 0评论
0个赞
onscroll 事件
事件对象
实例
<div> 元素滚动时执行 JavaScript
<div onscroll="myFunction()">
定义和用法
onscroll 事件在元素滚动条在滚动时触发。
提示： 使用 CSS overflow 样式属性来创建元素的滚动条。
浏览器支持
Event
onscroll
Yes
Yes
Yes
……继续阅读 »
2年前 (2022-09-04) 13浏览 0评论
0个赞
onpagehide 事件
事件对象
实例
当用户从网页离开时执行 JavaScript :
<body onpagehide=”myFunction()”>
定义和用法
onpagehide 事件在用户离开网页时触发。
离开网页有多种方式。如点击一个链接，刷新页面，提交表单，关闭浏览器等。.
onpagehide 事件有时可以替代
onunload 事件，但 onun……继续阅读 »
2年前 (2022-09-04) 107浏览 0评论
0个赞
onload 事件
事件对象
实例
当页面载入完毕后执行Javascript代码：
<body onload=”myFunction()”>
(页面底部查看更多实例)
定义和用法
onload 事件会在页面或图像加载完成后立即发生。
onload 通常用于 <body> 元素，在页面完全载入后(包括图片、css文件等等。)执行脚本代码。
语法
在 HTML 中:……继续阅读 »
2年前 (2022-09-04) 27浏览 0评论
0个赞
onpageshow 事件
事件对象
实例
在用户浏览网页时触发 JavaScript:
<body onpageshow=”myFunction()”>
本文底部包含了更多实例。
定义和用法
onpageshow 事件在用户浏览网页时触发。
onpageshow 事件类似于 onload 事件，onload 事件在页面第一次加载时触发，
onpageshow 事件在……继续阅读 »
2年前 (2022-09-04) 81浏览 0评论
0个赞
onhashchange 事件
事件对象
实例
当锚部分发生变化时执行 JavaScript:
<body onhashchange=”myFunction()”>
定义和用法
onhashchange 事件在当前 URL 的锚部分(以 ‘#’ 号为开始) 发生改变时触发
。
锚部分的实例：指定当前 URL 为
http://www.example.c……继续阅读 »
2年前 (2022-09-04) 37浏览 0评论
0个赞
onbeforeunload 事件
事件对象
实例
在即将离开当前页面(刷新或关闭)时执行 JavaScript :
<body onbeforeunload="return myFunction()">
定义和用法
onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。
该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。
对话框默认的提示……继续阅读 »
2年前 (2022-09-04) 102浏览 0评论
0个赞
onerror 事件
事件对象
实例
如果在加载图片时发生错误则执行 JavaScript :
<img src="image.gif" onerror="myFunction()">
定义和用法
onerror 事件在加载外部文件（文档或图像）发生错误时触发。
浏览器支持
事件
onerror
Yes
Yes
Yes
Yes
Yes
……继续阅读 »
2年前 (2022-09-04) 24浏览 0评论
0个赞
onabort 事件
事件对象
实例
图片加载中止时，执行 JavaScript：
<img src=”image_w3default.gif” onabort=”myFunction()”>
定义和用法
onabort 事件在用户中止加载 <img> 或 <input type=”image”> 元……继续阅读 »
2年前 (2022-09-04) 81浏览 0评论
0个赞
onkeyup 事件
事件对象
实例
当用户释放键盘按钮时执行Javascript代码：
<input type=”text” onkeyup=”myFunction()”>
定义和用法
onkeyup 事件会在键盘按键被松开时发生。
提示：与onkeyup 事件相关的事件发生次序：
onkeydown
onkeypress
onkeyup……继续阅读 »
2年前 (2022-09-04) 56浏览 0评论
0个赞
