前端入门到熟悉day20

计时器使用
01数码时钟

02数码时钟charAt

03Date对象

04延时消失

05运动基础

06无缝滚动

07无缝滚动

08无缝滚动左右

09鼠标开启关闭定时器

10左右控制器

01点击事件
onclick 事件会在元素被点击时发生。

扫描二维码关注公众号,回复: 5385050 查看本文章

02document

03event事件对象
Event 对象
Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
事件通常与函数结合使用,函数不会在事件发生前被执行!

04事件冒泡
bubbles 事件属性返回一个布尔值,如果事件是起泡类型,则返回 true,否则返回 fasle。
事件冒泡分为三个阶段,它是这样的:
第一,捕获阶段。事件从 Document 对象沿着文档树向下传递给目标节点。如果目标的任何一个先辈专门注册了捕获事件句柄,那么在事件传播过程中运行这些句柄。
第二个阶段发生在目标节点自身。直接注册砸目标上的适合的事件句柄将运行。这与 0 级事件模型提供的事件处理方法相似。
第三,起泡阶段。在此阶段,事件将从目标元素向上传播回或起泡回 Document 对象的文档层次。

05仿select下拉框

06鼠标坐标

07鼠标跟随

08keyCode
keyCode 属性返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。
两种代码类型的区别是:
字符代码 - 表示 ASCII 字符的数字
键盘代码 - 表示键盘上真实键的数字

09键盘控制移动

10提交留言

11鼠标右键默认行为
oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。

在文本框内右击鼠标查看上下文菜单!

12阻止和自定义右键默认行为

13只能输入数字的输入框

14简易拖放

猜你喜欢

转载自blog.csdn.net/weixin_44160944/article/details/87920986
今日推荐