首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【JavaWeb】81:js事件以及常用对象

二、js事件 事件是指浏览器或用户做某些事情。 举几个例子:鼠标单击、双击某个按钮;键盘按着(不停地在输入);键盘弹起(输入结束)… 事件有好多个,暂且只学常用几个。 ?...我个人理解是: 全名函数是直接在input标签(也就是HTML中)触发事件;而匿名函数是在js中触发事件。...这样匿名函数就会有一个执行顺序问题: 页面是从上到下执行,当加载到js中双击事件时候,对应input标签都还没有加载呢。 那如何解决这个问题?...③页面加载事件 window.onload。根据其意思就能理解其表示是网页加载完事件。 这是什么意思呢? 本来页面是从上到下依次执行,当它加载到该事件时候,相当于页面已经加载完了。...所以就算input标签在script标签后面,也能触发事件。emm…暂且就是这样理解。 三、js对象 学一学js中内置几种常用对象 1数组对象 ?

1.8K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    常用键盘事件

    1.1常用键盘事件 1.1键盘事件 事件除了使用鼠标触发,还可以使用键盘触发, 注意给文档 document 添加键盘事件 注意:    onkeypress 和前面2个区别是,它不识别功能键...三个事件执行顺序 keydown -> keypress -> keyup // 常用键盘事件 //1. keyup 按键弹起时候触发...我们keyup 和 keydown 事件不区分大小写 a 和 A 得到都是65       2.我们keypress 事件区分大小写  a 97 和 A 得到是65    3.onkeydown...4.键盘事件对象中keyCode属性可以得到相应键ASCLL码值 使用keyCode属性判断用户按下哪个键 // 键盘事件对象中keyCode属性可以得到相应键...keyCode 判断用户是否按下了S 键        搜索框获得焦点:使用js里面的focus()方法 注意:触发获得焦点事件,可以使用 元素对象.focus() <input type="text

    3.1K10

    js事件

    (); 7.JS值类型:String,Number,Boolean,Null,Object,Function 8.JS字符型转换成数值型:parseInt(),parseFloat() 9.JS...中数字转换成字符型:(""+变量)10.JS取字符串长度是:(length) 11.JS字符与字符相连接使用+号. 12.JS比较操作符有:==等于,!...=不等于,>,>=,<.<= 13.JS中声明变量使用:var来进行声明 14.JS判断语句结构:if(condition){}else{} 15.JS循环结构:for([initial expression...HTML: 51.当超链和ONCLICK事件都有时,则老版本浏览器转向a.html,否则转向b.html.例:<a href="a.html" onclick......多重继续. 73.JSself指的是当前窗口 74.JS中状态栏显示内容:window.status="内容" 75.JStop指的是框架集中最顶层框架 76.JS中关闭当前窗口:

    10.8K110

    js动画事件_JavaScript事件

    js之动画事件 首先,动画事件主要包括以下三个animationstart,animationiteration和animationend事件,下面做简单分别介绍。...animation主要有6个属性,分别来设置动画呈现出来哦效果,这个在我另一篇文章中有介绍,我这边简单展示一下。...animation:name duration timing-function delay iteration-count direction; 分别是:动画名称 动画持续事件 动画运行速度曲线 动画开始时运行时间...下面一段代码讲述是采用监听动画开始,动画再次播放和动画结束做出相应改变,这里用到addEventListener监听动画开始、动画持续播放、动画结束播放。 <!...如发现本站有涉嫌侵权/违法违规内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    18.4K10

    Js 事件委托(事件代理)

    一、概述 事件委托,又叫事件代理。事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型所有事件。 例子:有三个同事预计会在周一收到快递。...这里其实还有2层意思: 第一,现在委托前台同事是可以代为签收,即程序中现有的dom节点是有事件; 第二,新员工也是可以被前台MM代为签收,即程序中新添加dom节点也是有事件。...二、为什么是使用事件委托 一般来说,dom需要有事件处理程序,我们都会直接给它设事件处理程序就好了,那如果是很多dom需要添加事件处理呢?...,这就是为什么性能优化主要思想之一就是减少DOM操作原因;如果要用事件委托,就会将所有的操作放到js程序里面,与dom操作就只需要交互一次,这样就能大大减少与dom交互次数,提高性能; 每个函数都是一个对象...三、事件委托原理 事件委托利用事件冒泡原理,将事件绑定到父级元素上,当点击子元素时,通过事件冒泡将事件传递到父级元素。  四、总结: 那什么样事件可以用事件委托,什么样事件不可以用呢?

    11.4K30

    vue 常用事件

    vue 常用事件 事件处理 1.使用 v-on:xxx 或 @xxx 绑定事件,其中 xxx 是事件名; 2.事件回调需要配置在 methods 对象中,最终会在 vm 上; 3.methods...); ​ 3.once:事件只触发一次(常用); ​ 4.capture:使用事件捕获模式; ​ 5.self:只有 event.target 是当前操作元素时才触发事件; ​ 6.passive...:事件默认行为立即执行,无需等待事件回调执行完毕; 1.prevent:阻止浏览器默认事件常用) 什么是浏览器默认事件呢?...弹出框提示 说明prevent修饰符 发生了作用 阻止了浏览器默认事件调用 2.stop:阻止事件冒泡(常用) 直接上代码 可以看到 给div和 button和设置了点击事件 那么 stop:阻止事件冒泡到底是啥呢...执行效果 3.once:事件只触发一次(常用) 字面意思 只触发一次 代码 这是我们已点击多次结果 4.capture:使用事件捕获模式 所有的操作 点击都是 最里面的儿子

    19410

    js事件(event)

    什么是事件: 我们可以简单事件理解为浏览器感知系统。...; 以下是常用事件对象属性: var x =e.clientX,y=e.clientY;所有浏览器都支持,相当于浏览器中鼠标的坐标; var x=e.pageX,y = e.pageY;ie8或以下不支持...,相当于文档中鼠标的坐标; target事件源;事件概念:事件最终发生在页面的那个元素上; 事件源和事件传播是息息相关 事件传播包括:冒泡和捕获;事件传播是浏览器在处理事件行为机制,冒泡阶段或者捕获阶段...;当你在一个form表单里点击提交按钮时网页会产生一个行为病刷新网页,当你网页上滚动鼠标滚轮时候,页面的滚动条会滚动等等;这些都叫事件默认行为,如果想把这些默认行为取消了,相应js代码如下: a.onclick...事件委托: 事件委托是利用事件传播机制,通过判断事件源来实现,是一种高性能事件处理方式。对事件委托好处和概念详见《高程3》第402页; 我们通过一个简单示例来看看事件好处。

    6.8K30

    常用鼠标事件

    1.常用鼠标事件 1.1 案例:禁止选中文字和禁止右键菜单 1.禁止鼠标右键菜单 contextmenu主要控制应该何时显示上下文菜单,主要用于程序员取消默认上下文菜单 document.addEventListener...event对象代表事件状态,跟事件相关一系列信息集合。...现阶段我们主要是用鼠标事件对象 MouseEvent 和键盘事件对象 KeyboardEvent。...,使用鼠标移动事件: mousemove ② 在页面中移动,给document注册事件 ③ 图片要移动距离,而且不占位置,我们使用绝对定位即可 ④ 核心原理: 每次鼠标移动,我们都会获得最新鼠标坐标,...// 2.核心原理: 每次鼠标移动,我们都会获得最新鼠标坐标, // 把这个x和y坐标做为图片top和left 值就可以移动图片

    3.2K10

    js事件大全

    一般事件 事件 浏览器支持 描述 onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制范围内鼠标点击 onDblClick IE4|N4|O 鼠标双击事件 onMouseDown...onMouseMove IE4|N4|O 鼠标移动时触发事件 onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发事件 onKeyPress IE4|N4|O 当键盘上某个键被按下并且释放时触发事件...onMove IE|N4|O 浏览器窗口被移动时触发事件 onResize IE4|N4|O 当浏览器窗口大小被改变时触发事件 onScroll IE4|N|O 浏览器滚动条位置发生变化时触发事件...onStop IE5|N|O 浏览器停止按钮被按下时触发事件或者正在下载文件被中断 onUnload IE3|N2|O3 当前页面将被改变时触发事件 表单相关事件 事件 浏览器支持 描述...元素完成需要显示内容后触发事件 onStart IE4|N|O 当Marquee元素开始显示内容时触发事件 编辑事件 事件 浏览器支持 描述 onBeforeCopy IE5|N|O 当页面当前被选择内容将要复制到浏览者系统剪贴板前触发事件

    3.8K10

    JS 事件循环

    ,脚本执行,事件处理等 其包含线程有:GUI 渲染线程(负责渲染页面,解析 HTML,CSS 构成 DOM 树)、JS 引擎线程、事件触发线程、定时器触发线程、http 请求线程等主要线程 关于执行中线程...: 主线程:也就是 js 引擎执行线程,这个线程只有一个,页面渲染、函数处理都在这个主线程上执行。...工作线程:也称幕后线程,这个线程可能存在于浏览器或js引擎内,与主线程是分开,处理文件读取、网络请求等异步事件。...宏任务主要包含:script( 整体代码)、setTimeout、setInterval、I/O、UI 交互事件、setImmediate(Node.js 环境) 微任务主要包含:Promise、MutaionObserver...、process.nextTick(Node.js 环境) setTimeout/Promise 等API便是任务源,而进入任务队列是由他们指定具体执行任务。

    15.4K10

    js --- 事件

    1.事件流   事件发生时会在元素节点与根节点之间按照特定顺序传播,路径所经过所有节点都会收到该事件,这个传播过程即DOM事件流。...2.两种事件流模型   1.冒泡型事件流:事件传播是从最特定事件目标到最不特定事件目标。即从DOM树叶子到根   2.捕获型事件流:事件传播是从最不特定事件目标到最特定事件目标。...即从DOM树根到叶子 3.绑定事件方法   1.普通浏览器 绑定事件:addEventListener(type,name,bool);     删除事件:removeEventListener...()   2.ie 低版本 绑定事件:attachEvent()     删除事件:detachEvent() 4.参数说明 type 事件类型 例如:click load   name...事件执行函数   bool true 为事件捕获 && false 为事件冒泡 5.阻止事件冒泡和 事件捕获 1.阻止事件冒泡 不 阻止默认行为     event.stopPropagation

    7.6K30

    js事件循环

    首先,我们来解释下事件循环是个什么东西: 就我们所知,浏览器js是单线程,也就是说,在同一时刻,最多也只有一个代码段在执行,可是浏览器又能很好处理异步请求,那么到底是为什么呢?...我们先来看一张图(这张图来自于http://www.zcfy.cc/article/node-js-at-scale-understanding-the-node-js-event-loop-risingstack...从上图我们可以看出,js主线程它是有一个执行栈,所有的js代码都会在执行栈里运行。...其实(正如上图所示),js是有两个任务队列,一个叫做Macrotask Queue(Task Queue),一个叫做Microtask Queue 前者主要是进行一些比较大型工作,常见有setTimeout...原因:因为一开始js主线程中跑任务就是macrotask任务,而根据事件循环流程,一次事件循环只会执行一个macrotask任务,因此,执行完主线程代码后,它就去从microtask队列里取队首任务来执行

    18.8K41
    领券