HTML 事件属性
全局事件属性
HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript。
如果你想学习更多关于事件属性,请访问 JavaScript 教程
下面的表格提供了标准的事件属性,可以把它们插入 HTML/XHTML 元素中,以定义事件行为。
New : HTML5新增属性事件。
窗口事件属性(Window E……继续阅读 »
2年前 (2022-09-04) 155浏览 0评论
0个赞
HTML ontoggle 事件属性
HTML 事件属性
实例
当 <details> 元素在打开或关闭时执行 JavaScript:
<details ontoggle="myFunction()">
定义和用法
ontoggle 属性在用户打开或关闭 <details> 元素时触发。
<details> 元素描述了额外的信息,用户可以根……继续阅读 »
2年前 (2022-09-04) 140浏览 0评论
1个赞
HTML onmouseup 事件属性
HTML 事件属性
实例
当松开鼠标按钮时运行脚本:
<p onmouseup=”mouseUp()”>Click the text!</p>
浏览器支持
所有主流浏览器都支持 onmouseup 事件属性
定义和用法
onmouseup 属性在用户松开鼠标按键时触发。
提示: 与 onmouseup 事件相关……继续阅读 »
2年前 (2022-09-04) 179浏览 0评论
0个赞
HTML onshow 事件属性
HTML 事件属性
实例
当 <menu> 元素在上下文菜单显示时执行 JavaScript:
<div contextmenu=”mymenu”> <p>用鼠标右键单击黄色框区域查看上下文菜单!</p> <menu type=”context” id=”myme……继续阅读 »
2年前 (2022-09-04) 178浏览 0评论
0个赞
HTML onmouseover 事件属性
HTML 事件属性
实例
当鼠标指针移至图片之上时运行脚本:
<img onmouseover=”bigImg(this)” src=”smiley.gif” alt=”Smiley”>
浏览器支持
所有主流浏览器都支持 onmouseover 事件属性
定义和用法
onm……继续阅读 »
2年前 (2022-09-04) 87浏览 0评论
0个赞
HTML onmousemove 事件属性
HTML 事件属性
实例
当鼠标指针移动到指定图片时运行脚本:
<img onmousemove=”bigImg(this)” src=”smiley.gif” alt=”Smiley”>
浏览器支持
所有主流浏览器都支持 onmousemove 事件属性
定义和用法
on……继续阅读 »
2年前 (2022-09-04) 177浏览 0评论
0个赞
HTML onmouseout 事件属性
HTML 事件属性
实例
当鼠标指针移出图片时运行脚本:
<img onmouseout=”normalImg(this)” src=”smiley.gif” alt=”Smiley”>
浏览器支持
所有主流浏览器都支持 onmouseout 事件属性
定义和用法
onmou……继续阅读 »
2年前 (2022-09-04) 122浏览 0评论
0个赞
HTML onmousedown 事件属性
HTML 事件属性
实例
当按下鼠标按钮时运行脚本:
<p onmousedown=”mouseDown()”>Click the text!</p>
浏览器支持
所有主流浏览器都支持 onmousedown 事件属性
定义和用法
onmousedown 属性在按下鼠标按钮时触发。
提示: 与 onmouse……继续阅读 »
2年前 (2022-09-04) 153浏览 0评论
0个赞
HTML onclick 事件属性
HTML 事件属性
实例
当单击鼠标时运行脚本:
<button onclick=”copyText()”>复制文本</button>
浏览器支持
所有主流浏览器都支持 onclick 事件属性
定义和用法
onclick 属性在单击鼠标时触发。
注意: onclick 属性不能应用于以下元素:<base>……继续阅读 »
2年前 (2022-09-04) 123浏览 0评论
0个赞
HTML ondblclick 事件属性
HTML 事件属性
实例
当双击鼠标时运行脚本
<button ondblclick=”copyText()”>复制文本</button>
浏览器支持
所有主流浏览器都支持 ondblclick 事件属性
定义和用法
ondblclick 属性在元素上双击鼠标时触发。
注意: ondblclick 属性不能使用……继续阅读 »
2年前 (2022-09-04) 181浏览 0评论
0个赞
HTML onkeyup 事件属性
HTML 事件属性
实例
当松开按键时运行脚本:
<input type=”text” onkeyup=”displayResult()”>
浏览器支持
所有主流浏览器都支持 onkeyup 事件属性
定义和用法
onkeyup 属性在用户松开按键(在键盘上)时触发。
提示: 与 onkeyup 事件……继续阅读 »
2年前 (2022-09-04) 134浏览 0评论
0个赞
HTML onkeydown 事件属性
HTML 事件属性
实例
当按下按键时运行脚本:
<input type=”text” onkeydown=”displayResult()”>
浏览器支持
所有主流浏览器都支持 onkeydown 事件属性
定义和用法
onkeydown 属性在用户按下按键(在键盘上)时触发。
提示: 与 onk……继续阅读 »
2年前 (2022-09-04) 120浏览 0评论
0个赞
HTML onkeypress 事件属性
HTML 事件属性
实例
当按下按键时运行脚本:
<input type="text" onkeypress="displayResult()">
浏览器支持
所有主流浏览器都支持 onkeypress 事件属性
定义和用法
onkeypress 属性在按下按键时触发。
提示: 与 onkeypress 事件相关的……继续阅读 »
2年前 (2022-09-04) 102浏览 0评论
0个赞
HTML onselect 事件属性
HTML 事件属性
实例
当选取<input>元素中的文本后执行 JavaScript:
<input type=”text” onselect=”showMsg() value=”Hello world!”>
浏览器支持
所有主流浏览器都支持 onselect 事件属性
定义和……继续阅读 »
2年前 (2022-09-04) 142浏览 0评论
0个赞
HTML onsubmit 事件属性
HTML 事件属性
实例
当提交表单时运行脚本:
<form action=”demo_form.html” onsubmit=”checkForm()”>
浏览器支持
所有主流浏览器都支持 onsubmit 事件属性
定义和用法
onsubmit 属性在表单提交时触发。
onsubmit 属性只适用于……继续阅读 »
2年前 (2022-09-04) 108浏览 0评论
0个赞
HTML onfocus 事件属性
HTML 事件属性
实例
当输入域获得焦点时运行脚本:
<input type=”text” id=”fname” onfocus=”setStyle(this.id)”>
浏览器支持
所有主流浏览器都支持 onfocus 事件属性
定义和用法
onfocus 属性在元素获得焦点时……继续阅读 »
2年前 (2022-09-04) 166浏览 0评论
0个赞
HTML onblur 事件属性
HTML 事件属性
实例
当用户离开输入域时进行验证:
<input type=”text” name=”fname” id=”fname” onblur=”upperCase()”>
浏览器支持
所有主流浏览器都支持 onblur 事件属性
定义和用法
o……继续阅读 »
2年前 (2022-09-04) 126浏览 0评论
0个赞
HTML onchange 事件属性
HTML 事件属性
实例
当元素改变时运行脚本:
<input type=”text” name=”txt” value=”Hello” onchange=”checkField(this.value)”>
浏览器支持
所有主流浏览器都支持 onchange……继续阅读 »
2年前 (2022-09-04) 158浏览 0评论
0个赞
HTML onunload 事件属性
HTML 事件属性
实例
当用户关闭一个页面时执行 JavaScript:
<body onunload=”goodbye()”>
浏览器支持
所有主流浏览器都支持 onunload 事件属性
定义和用法
onunload 属性在用户关闭一个页面时触发。
onunload 在用户离开页面(通过点击链接,提交表单,关闭浏览器窗口……继续阅读 »
2年前 (2022-09-04) 134浏览 0评论
0个赞
HTML onload 事件属性
HTML 事件属性
实例
当文档加载完成后运行 JavaScript 脚本:
<body onload=”load()”>
浏览器支持
所有主流浏览器都支持 onload 事件属性。
定义和用法
onload 属性在文档对象加载完成后触发。
onload 通常使用于 <body> 元素中,用于在页面完全载入后执行指定……继续阅读 »
2年前 (2022-09-04) 118浏览 0评论
0个赞
HTML onresize 事件属性
HTML 事件属性
实例
当调整窗口大小时运行脚本:
<body onresize=”showMsg()”>
浏览器支持
所有主流浏览器都支持 onresize 事件属性
定义和用法
onresize 属性在调整窗口大小时触发。
onresize 属性常用于调整窗口大小。
HTML 4.01 与 HTML5之间的差异
No……继续阅读 »
2年前 (2022-09-04) 82浏览 0评论
0个赞
HTML5 onbeforeprint 事件属性
HTML 事件属性
实例
在页面设置打印,但在打印对话框出现前执行 JavaScript :
<body onbeforeprint=”printmsg()”>
浏览器支持
事件
onbeforeprint
63
Yes
Yes
13
50
定义和用法
onbeforeprint 属性在用户……继续阅读 »
2年前 (2022-09-04) 142浏览 0评论
0个赞
HTML5 onafterprint 事件属性
HTML 事件属性
实例
在页面设置打印及打印对话框出现后执行 JavaScript :
<body onafterprint=”printmsg()”>
浏览器支持
事件属性
onafterprint
63
12
6
13
50
注意: 在 IE 浏览器中, onafterprint 属性在打印对话框……继续阅读 »
2年前 (2022-09-04) 123浏览 0评论
0个赞
JavaScript 教程
JavaScript 是 Web 的编程语言。
所有现代的 HTML 页面都可以使用 JavaScript。
JavaScript 非常容易学。
本教程将教你学习从初级到高级 JavaScript 知识。
JavaScript 在线实例
本教程包含了大量的 JavaScript 实例, 您可以点击 “尝试一下” 来在线查看实例。
实例
function displ……继续阅读 »
2年前 (2022-09-04) 119浏览 0评论
0个赞
HTML translate 属性
实例
规定一些元素不被翻译:
<p translate=”no”>这个段落不能翻译。</p>
<p>这个段落可以被翻译</p>
浏览器支持
目前没有主流浏览器支持 translate 属性。
定义和用法
translate 属性规定元素内容是否要翻译。
测试:使用 Google 翻译工具,查看以……继续阅读 »
2年前 (2022-09-04) 88浏览 0评论
0个赞
HTML title 属性
实例
在 HTML 文档中使用 title 属性:
<p><abbr title=”世界卫生组织”>WHO</abbr> 成立于 1948。</p>
<p title=”菜鸟教程”>菜鸟教程</p>
浏览器支持
所有主流浏览器都支持 title 属性
定义和用……继续阅读 »
2年前 (2022-09-04) 102浏览 0评论
0个赞
HTML tabindex 属性
实例
带有指定的 tab 键导航顺序的链接:
<a href="//www.runoob.com//" tabindex="2"> runoob.com 菜鸟教程</a><br />
<a href="//www.google.com/" tabindex="1"……继续阅读 »
2年前 (2022-09-04) 247浏览 0评论
0个赞
HTML style 属性
实例
在 HTML 文档中使用style 属性:
<h1 style=”color:blue;text-align:center”>这是一个标题</h1>
<p style=”color:green”>这是一个段落。</p>
浏览器支持
所有主流浏览器都支持 style 属性
定义和用……继续阅读 »
2年前 (2022-09-04) 148浏览 0评论
0个赞
HTML spellcheck 属性
实例
带有编写检查的可编辑段落:
<p contenteditable=”true” spellcheck=”true”>这是可编辑的段落。请试着编辑文本。</p>
浏览器支持
Internet Explorer 10, Firefox, Opera, Chrome, 和 Safari 浏览器支持……继续阅读 »
2年前 (2022-09-04) 138浏览 0评论
0个赞
HTML id 属性
实例
通过 JavaScript 利用 id 属性来处理一段文本:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function displayRe……继续阅读 »
2年前 (2022-09-04) 143浏览 0评论
0个赞