HTML5
flyingpig2016
菲常六加一
展开
-
onchange 、oninput和onpropeerchange事件用法的区别
:1:onchange事件:只在键盘或者鼠标操作改变对象属性,且失去焦点时触发,脚本触发无效; 2:oninput事件:onpropertychange为IE专属的。其他浏览器下如果想要实现这一实时监听的需求,就要用到HTML5中的标准事件oninput,不过IE9以下的浏览器是不支持oninput事件的。所以我们需要综合oninput和onpropertychange二者来实现文本区域实时监听的转载 2016-10-30 11:55:04 · 2327 阅读 · 0 评论 -
浏览器支持的html5事件 — 第13.4.7节
浏览器支持的html5事件一:阻止鼠标右键的contextmenu事件? 用来显示上下文菜单,用来让开发人员取消默认的上下文菜单,而提供自定义的菜单。这个事件可以冒泡。 下面是一个自己制作的右键菜单,代码展示如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</ti原创 2016-12-17 11:06:11 · 647 阅读 · 0 评论 -
HTML5 canvas绘制太阳系各行星(包括月球的公转)
canvas绘制太阳系 看了好多canvas绘制太阳系行星,他们都忽略了月亮,虽然月亮不是行星,但是绘图少了月亮也就没有挑战性了,今天我就计算了一下月亮的轨迹,然后按照公转的比例画了上去,首先看一下效果: 接下来是项目的说明书和标准: 根据以上的效果和要求,我们写出的代码为:<!DOCTYPE html><html> <head> <meta charse原创 2017-01-04 17:01:47 · 10292 阅读 · 1 评论 -
HTML5 用canvas制作时钟的方法
clock时钟制作需求如下:一:分析项目?分析时钟的组成;分析需要的canvas技术;代码实现;美化效果。二:时钟组成?表盘(橙色)刻度(黑色)时针(黑色)分针(黑色)秒针(橙色) -表盘中心样式(中心径向渐变) -秒针头部样式(圆圈嵌套)三:分析需要的canvas技术?基础知识需要自己看,此项目需要必须理解并且掌握的东西有: - 画表盘:绘制圆的路径技术,cxt.arc原创 2017-01-03 16:51:19 · 1420 阅读 · 0 评论 -
HTML5 canvas画板的制作
canvas画板的制作 今天看了一些canvas视频的教程,有制作画板的过程,但是我有给出他们的简洁版和使用版本,能让用户看出画直线的路径,也就是当你拉一条直线的时候就和绘图工具一样,都能很好使用,绘图之后,可以使用php文件下载的本地,效果如下所示: 代码文件多,需要亲自下载,下载地址:HTML5在线画板代码压缩包 GitHub上下载地址:github上下载地址,记得给星星哈!原创 2017-01-09 11:21:32 · 3214 阅读 · 0 评论 -
js中的touch事件及gesture(手势)事件详解 — 第13.4.9节
一:touch事件分类? 1. touchstart:当手指触摸屏幕时触发。不管有多少个手指放在了屏幕上,只要再触摸一下屏幕就会触发。在此,我用小米的google浏览器做了一个实验,添加一个计数器,用来查看屏幕上手指触摸的次数,代码如下: window.onload = function(){ var i = 0; document.addEventListe原创 2016-12-19 19:59:11 · 19966 阅读 · 0 评论