【Js高级 事件 对象】的更多相关文章

Js高级 事件 对象

1.事件 浏览器客户端上客户触发的行为都成为事件 所有的事件都是天生自带的,不需要我们我去绑定,只需要我们去触发. 通过obj.事件名=function(){} 事件名:onmouseover onmouseout onmousedown onmousemove onmouseup Onclick onchange onfocus onblur 等等. 当用户触发一个事件时,浏览器的所有详细信息都存在一个叫event的对象上.我们把他叫事件对象 所有事件再绑定方法的时候,天生自带一个参数就叫ev…

JS键盘事件对象之keyCode、charCode、which属性对比

先说一些有关键盘事件的事项:用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown. onkeypress和onkeyup这三个事件句柄.一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup.在这3种事件类型中,keydown和keyup比较底层,而keypress比较高级.这里所谓的高级是指,当用户按下shift + 1时,keypress是对这个按键事件进行解析后…

js event事件对象概括

事件是用户或者浏览器自身执行的动作,而响应某个事件的函数就叫做事件处理程序或者叫事件侦听器. 定义事件处理程序可以大致分为以下三种: 一.html事件处理程序 元素支持的每种事件都可以用一个与之对应的事件处理程序的同名html特性来指定. <input type="button" id="demo" onclick="alert(this.id)"> 这种方式创建的事件处理程序,里面有包含一个局部变量event,就是事件对象,在这个函…

js函数事件对象

每个函数都有4个默认对象 arguments 保存着实际传入的参数,集合列表 return 有两个功能,打断函数和返回函数值 this 谁调用的函数,this就是谁 event 事件对象 事件 box.onlick=function(){} 表示点击 box 触发了一个函数. 事件包含三点: 1 谁触发的 2 触发了什么事件 3 触发的事件执行了什么动作 焦点事件: 使浏览器能区分用户输入的对象. 当一个元素有焦点的时候可以接受用户输入. 不是所有元素都有焦点,能响应用户输入的才有焦点. onf…

Js高级 事件冒泡

什么叫事件冒泡 当给父子元素的同一事件绑定方法时,触发了子元素身上的事件,执行完毕之后,也会触发父级元素的相同事件,这种传播机制叫事件冒泡. 取消事件冒泡 Event对象有个属性叫cancelBubble默认值是false改成true就取消当前事件冒泡 $(”c“).onclick=function(){ event.cancelBubble=true alert("ccccc") }…

2-4 js基础-事件对象小结

var e=ev||event; e.cancelBubble=true; document.documentElement   html document.body                          body [所以写的时候一定要加document.documentElement.scrollTop] e.clientX;//鼠标在可视取中的x坐标. e.clientY//鼠标在可是去中的y坐标.   //不兼容[不用] e.pageX;//鼠标在页面中的x坐标. e.page…

js高级之对象高级部分

基于尚硅谷的尚硅谷JavaScript高级教程提供笔记撰写,加入一些个人理解 github源码 博客下载 对象的创建模式 Object构造函数模式 套路: 先创建空Object对象, 再动态添加属性/方法 适用场景: 起始时不确定对象内部数据 问题: 语句太多 var obj = {}; obj.name = 'Tom' obj.setName = function(name){this.name=name} 对象字面量模式 套路: 使用{}创建对象, 同时指定属性/方法 适用场景: 起始时对象…

js高级---本地对象、内置对象、宿主对象

名词参考: 原生对象:也叫内部对象.本地对象.native object 内置对象:Build-in object 宿主对象:host object ECMA-262 定义: 原生对象:独立于宿主环境的ECMAScript实现提供的对象.与宿主无关,在javascript(远景浏览器).nodejs(node平台).jscript(ie浏览器).typescript(微软平台)等等中均有这些对象.简单来说,本地对象就是 ECMA-262 定义的类(引用类型).在运行过程中动态创建的对象,需要ne…

JS高级---实例对象使用属性和方法层层的搜索 （实例对象-->原型对象-->报错）

实例对象使用属性和方法层层的搜索:   实例对象使用的属性或者方法, 先在实例中查找, 找到了则直接使用: 找不到则, 再去实例对象的__proto__指向的原型对象prototype中找, 找到了则使用, 找不到则报错.   <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> &…

JS高级---实例对象和构造函数之间的关系

实例对象和构造函数之间的关系:   1. 实例对象是通过构造函数来创建的---创建的过程叫实例化   2. 如何判断对象是不是这个数据类型?    1) 通过构造器的方式 实例对象.构造器==构造函数名字    2) 对象 instanceof 构造函数名字    尽可能的使用第二种方式来识别,为什么?原型讲完再说 //面向对象的思想是----抽象的过程---->实例化的过程 //小苏这个人,姓名,年龄,性别, 吃饭,打招呼,睡觉 //自定义构造函数----->实例化对象 function P…