上一页 1 ··· 37 38 39 40 41 42 43 44 45 ··· 60 下一页
摘要: 鼠标的拖拽事件 拖拽的流程: (1)onmousedown:当鼠标在被拖拽元素上按下时,开始拖拽; (2)onmousemove:当鼠标移动时被拖拽元素跟随鼠标移动; (3)onmouseup:当鼠标松开时,被拖拽元素固定在当前位置。 鼠标的滚轮事件 onmousewheel:鼠标滚轮滚动的事件,会 阅读全文
posted @ 2020-03-17 22:48 Vincent-yuan 阅读(418) 评论(0) 推荐(0) 编辑
摘要: 事件委托 事件委托,通俗地来讲,就是把一个元素响应事件(click、keydown......)的函数委托到另一个元素。 比如说有一个列表 ul,列表之中有大量的列表项 <a>标签: <ul id="parent-list"> <li><a href="javascript:;" class="my 阅读全文
posted @ 2020-03-17 22:39 Vincent-yuan 阅读(220) 评论(0) 推荐(0) 编辑
摘要: DOM事件流 事件传播的三个阶段是:事件捕获、事件冒泡和目标。 事件捕获阶段:事件从祖先元素往子元素查找(DOM树结构),直到捕获到事件目标 target。在这个过程中,默认情况下,事件相应的监听函数是不会被触发的。 事件目标:当到达目标元素之后,执行目标元素该事件相应的处理函数。如果没有绑定监听函 阅读全文
posted @ 2020-03-17 22:31 Vincent-yuan 阅读(682) 评论(0) 推荐(0) 编辑
摘要: 绑定事件的两种方式/DOM事件的级别 我们在之前的一篇文章《04-JavaScript/22-DOM简介和DOM操作》中已经讲过事件的概念。这里讲一下绑定(注册)事件的两种方式,我们以onclick事件为例。 DOM1的写法:onclick element.onclick = function () 阅读全文
posted @ 2020-03-17 21:29 Vincent-yuan 阅读(302) 评论(0) 推荐(0) 编辑
摘要: JS动画的主要内容如下: 1、三大家族和一个事件对象: 三大家族:offset/scroll/client。也叫三大系列。 事件对象/event(事件被触动时,鼠标和键盘的状态)(通过属性控制)。 2、动画(闪现/匀速/缓动) 3、冒泡/兼容/封装 offset 家族的组成 今天来讲一下offset 阅读全文
posted @ 2020-03-11 23:14 Vincent-yuan 阅读(205) 评论(0) 推荐(0) 编辑
摘要: style属性的获取和修改 在DOM当中,如果想设置样式,有两种形式: className(针对内嵌样式) style(针对行内样式) 这篇文章,我们就来讲一下style。 需要注意的是:style是一个对象,只能获取行内样式,不能获取内嵌的样式和外链的样式。例如: <!DOCTYPE html> 阅读全文
posted @ 2020-03-11 23:08 Vincent-yuan 阅读(1746) 评论(0) 推荐(0) 编辑
摘要: JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM:文档对象模型(Document object Model),操作网页上的元素的API。比如让盒子移动、变色、轮播 阅读全文
posted @ 2020-03-10 23:03 Vincent-yuan 阅读(479) 评论(0) 推荐(0) 编辑
摘要: 事件简介 事件:就是文档或浏览器窗口中发生的一些特定的交互瞬间。对于 Web 应用来说,有下面这些代表性的事件:点击某个元素、将鼠标移动至某个元素上方、关闭弹窗等等。 JavaScript 是以事件驱动为核心的一门语言。JavaScript 与 HTML 之间的交互是通过事件实现的。 事件的三要素 阅读全文
posted @ 2020-03-10 21:42 Vincent-yuan 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 正则表达式简介 定义:正则表达式用于定义一些字符串的规则。 作用:计算机可以根据正则表达式,来检查一个字符串是否符合指定的规则;或者将字符串中符合规则的内容提取出来。 创建正则表达式的对象 方式一:使用构造函数创建正则表达式的对象 语法: var 变量 = new RegExp("正则表达式"); 阅读全文
posted @ 2020-03-09 22:47 Vincent-yuan 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 包装类 包装类的介绍 我们都知道,js中的数据类型包括以下几种。 基本数据类型:String、Number、Boolean、Null、Undefined 引用数据类型:Object JS为我们提供了三个包装类: String():将基本数据类型字符串,转换为String对象。 Number():将基 阅读全文
posted @ 2020-03-09 22:24 Vincent-yuan 阅读(237) 评论(0) 推荐(0) 编辑
上一页 1 ··· 37 38 39 40 41 42 43 44 45 ··· 60 下一页