h5 新增 属性
- accesskey 激活快捷键
<a href="http://www.w3school.com.cn/html/" accesskey="h">HTML 教程</a><br />
- contentditable 元素内容是否可编辑
<p contenteditable="true">这是一个可编辑的段落。</p>
- contextmenu 规定 元素的上下文菜单。上下文菜单会在用户右键点击元素时出现
注释：目前只有 Firefox 支持 contextmenu 属性。
<p contextmenu="supermenu">本段落拥有一个名为 "supermenu" 的上下文菜单。这个菜单会在用户右键单击该段落时出现。</p>
9
- 使用 data-* 属性来嵌入自定义数据：
<li data-animal-type="蜘蛛">蝇虎</li>
- dir 规定元素中文本内容的方向
<p dir = 'ltr'>从左到右</p>
- draggable 元素是否可拖动
- dropzone 在拖动数据时 是否可以复制 移动 链接
- hidden 元素仍未或不在相关 隐藏
- spellcheck 是否对元素进行拼写和语法检查
- translate 是否应该翻译元素内容
窗口事件
- onafterprint 文档打印后运行脚本
- onbeforeprint 文档打印前运行脚本
**注释：Internet Explorer 和 Firefox 支持 onafterprint 属性。
注释：在 IE 中，onafterprint 属性在打印对话框出现之前而不是之后发生。**
- onbeforeunload 文档卸载之前运行脚本
- onerror 在错误发生时运行的脚本
- onhaschange 文档改变时运行脚本
- onload 文档加载结束后触发
- onmessage 消息被触发时运行脚本
- onoffline 文档离线时运行脚本
- ononline 文档上线时运行脚本
- onpagehide 窗口隐藏时运行脚本
- onpageshow 当窗口可见时运行脚本
- onpopstate 窗口历史记录改变时运行
- onredo 当文档执行撤销时运行
- onresize 浏览器窗口被调整大小时触发
- onstorage 在Web Storage区域更新后运行
- onundo 在执行undo脚本时执行
form 事件 表单触发的事件
- onblur 元素失去焦点时运行脚本
- onselect 元素中文本被选中后触发
- onsubmit 在提交表单时触发
- oncontextmenu 当上下文菜单被触发时运行脚本
- onformchange 表单改变时运行脚本
- onforminput 表单获取用户输入时运行
- oninput 元素获得用户输入时运行的脚本
- oninvalid 当元素无效时运行脚本
按钮事件
- onkeydown 点击时触发
- onkeyup 释放时触发
鼠标事件
- onclick 鼠标发生点击是触发
- ondblclick 双击触发
- ondrag 元素被拖动时运行
- ondragend 拖动操作末端运行
- ondragenter 元素已被拖动到有效拖放区域时运行
- ondragleave 元素已离开到有效拖放区域时运行
- ondragover 正在拖动时运行
- ondragstart 拖动开端运行
- ondrop 被拖元素正在被拖放时运行
- onmousewheel 鼠标滚轮滚动时运行
- onscroll 拖动条滚动时运行
媒介触发事件
- oncanplay 文件准备就绪可以开始播放时运行
- oncanplaythrough 当媒介无需因缓冲而停止时 运行
- ondurationchange 媒介长度改变时运行
- onemptied 发生中断时运行
- onended 播放到结尾时运行
- onerror 文件加载期间发生错误时运行
- onloaddata 媒介数据已加载时运行
- onloadedmetadata 当元数据被加载时运行
- onloadstart 在文件开始加载且未实际加载任何数据前运行
- onpause 当媒介被用户或程序暂停时运行
- onplay 可以开始播放时运行
- onplaying 开始播放时运行脚本
- onprogress 当浏览器正在获取媒介时运行
- onratechange 当回放速率改变时运行
- onreadystatechange 当就绪状态改变时运行
- onseeking 指示定位 布尔值
- onstalled 浏览器不能获取媒介时运行
- onsuspend 在媒介加载完成之前终止时运行
- ontimeupdate 当播放位置发生改变时运行
- onvolumechange 音量发生改变时运行
Audio/Video 事件
与媒介 去掉前面“on”以后相同
canvas 画布
颜色 样式 阴影
- fileStyle 填充绘画的颜色 渐变 模式
- strokeStyle 笔触的颜色 渐变 模式
- shadowColor 阴影的颜色
- shadowBlur 阴影的模糊级别
- shadowOffsetX 阴影距形状水平距离
- shadowOffsetY 阴影距形状垂直距离
方法
- createLinearGradient() 创建线性渐变
- createPattern() 在指定方向上重复指定的元素
- createRadialGradient（）创建放射状或缓刑的渐变
- addColorStop（） 规定渐变的颜色和停止的位置上
线条样式
- lineCap 先调解书端点的样式
- lineJoin 两条线相交时 创建的拐角的类型
- lineWidth 当前线条的宽度
- lineLimit 最大斜接的长度
矩形
- rect() 创建矩形
- fillRect() 绘制被填充的矩形
- strokRect() 绘制矩形
- clearRect() 给指定的矩形内清除指定的像素
路径
- fill() 填充当前绘图（路径）
- stroke() 绘制已定义的路径
- beginPath)() 重置当前路径
- moveTo() 把路径移动到指定的点
- closePath() 创建从当前到起始的路径
- lineTo() 添加一个新点，在画布中创建从该点到最后指定点的线条
- clip() 从原始画布剪切任意形状和尺寸的区域
- quadraticCurveTo() 创建二次贝塞尔曲线
- bezierCurveTo() 创建三次贝塞尔曲线
- arc() 创建圆形或者扇形
- arcTo() 创建两切线之间的弧/曲线
- isPointInPath() 指定的点位于当前路径中，返回 true，否则返回 false
转换
- scale() 缩放图
- rotate)() 旋转图
- translate() 重新映射画布上的位置
- transform() 替换转换矩阵
- setTransform() 重置为单位矩阵 然后运行transform()
文本
- font 字体属性
- textAlign 对齐方式
- textBaseLine 文本基线
- fileText() 在画布上绘制“被填充”的文本
- strokeText()在画布上绘制文本（无填充）
- measureText() 返回指定文本宽度的对象
图像绘制
drawImage() 向画布上绘制图像、画布或视频
像素操作
- width 返回ImageData对象的宽度
- height 返回ImageData对象的高度
- data 返回一个对象，其包含指定的 ImageData 对象的图像数据
- createImageData() 创建新的、空白的 ImageData 对象
- getImageData() 返回 ImageData 对象，该对象为画布上指定的矩形复制像素数据
- putImageData() 把图像数据（从指定的 ImageData 对象）放回画布上
