【javascript - 工作笔记 （事件三）】的更多相关文章

javascript - 工作笔记 （事件四）

在javascript - 工作笔记 (事件绑定二)篇中,我将事件的方法做了简单的包装,  JavaScript Code  12345   yx.bind(item, "click", function (e) {         //console.log("Div Click 1 !");         alert("Div Click 1 !");         e.stopPropagation();     }); 但是这样用起来…

javascript - 工作笔记 （事件三）

有关定义就不多说了,事件分两种 一,冒泡型事件 这是IE浏览器中事件模型的实现,顾名思义,就像水中的泡一样,自底而上,其经过的父元素都会触发对应的事件. 即:触发元素的父元素先于触发元素触发,看demo 二,捕获型事件   这是Netscape 中的实现,它刚好与冒泡型相反,它从元素的顶部向下传递,最终到触发元素. 即:触发元素先于父元素触发,看demo 在上面两个demo中,我们在触发元素和其父元素都绑定的相同的事件,然后触发p元素,可以很清楚的看明白这两种方式的区别. w3c为了兼容两者,它…

javascript - 工作笔记 （事件绑定）

背景: 目前所做的项目,只能使用的是原生的javascript.对于javascript的事件绑定想必大家都懂得语法: 1,在标签中使用属性调用方法:<div onclick="AAAA();"></div> 2,在javascript中对标签对象绑定数据: <div id="test"></div> var item = document.getElementById("test"); item.…

javascript - 工作笔记 （事件绑定二）

在上篇中的事件绑定方法,相信大家都看到过了. 不过这里有点小小的问题,这些方法,变量都是全局的,难免会与其他的库或者方法发生冲突而被覆盖,因此,我在这里做了小小的封装,如下:  JavaScript Code  12345678910111213141516171819202122232425262728293031323334353637383940   (function(window){         var Yx = function(){ }         Yx.evGuid = …

JavaScript学习笔记——事件

javascript事件基础和事件绑定 一.事件驱动 1.事件 javascript侦测到的用户的操作或是页面的一些行为(怎么发生的) 2.事件源 引发事件的元素.(发生在谁的身上)3.事件处理程序 对事件处理的程序或是函数 (发生了什么事) 二.事件的分类 <body> <input type="button" value="改变" id="one" > </body> 1.鼠标事件 onclick var…

JavaScript学习笔记（三）this关键字

this是Javascript的关键字,代表在函数运行时,自动生成一个内部对象,只能在函数内部使用.例如: function test() { this.x = 1; } 随着函数的使用场合不同,this的值会发生变化.总的原则是:this指的是,调用函数的那个对象. 有以下使用四种情况: 情况一:纯粹的函数调用 这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global. 以下代码的运行结果为1: function test() { this.x = 1; alert(thi…

JavaScript学习笔记（三）——留言板知操纵DOM节点

用JavaScript写了一个简易的留言板,暂不涉及数据库接入等. 1.功能以及流程 主要功能即为留言,用两个文本框接受用户输入的用户名以及留言内容,然后通过"提交留言"按钮将用户名+留言发布到下方的留言列表区域. 2.页面样式设计 样式很简单,就不上代码了. 3.使用JS实现留言功能 代码: function getMessage(){ var btn = document.getElementById("btn1"); //绑定发布按钮 var message…

JavaScript 学习笔记（三）

本章学习内容: 1.数组的使用 2.类和对象细节. 3.this关键字的使用 4.构造函数,成员函数的使用 1.数组的使用   在任何的语言中,必须要有的就是数组了,有了数组,使得很多操作都变得非常的方便..JS里面也是包含着 数组的,JS里的数组和JAVA里的数组在用法上基本相同,只是自己多了些特性....下面来看一段代码... <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script lang…

8. JavaScript学习笔记——事件

8. 事件 8.1 事件基础 /// 事件就是用户或浏览器自身执行的某种动作.诸如 click.load 和 mouseover,都是事件的名字.而响应某个事件的函数就叫做事件处理程序(或事件侦听器).事件处理程序的名字以"on"开头,因此click 事件的事件处理程序就是 onclick,load 事件的事件处理程序就是 onload. ​ ​ ///[HTML事件处理程序] <input type="button" value="按钮"…

史上最全的JavaScript工作笔记

/* * JavaScript查看对象函数 */ function resultTest( obj ){ var resultTest = ''; $.each(obj,function(key,val){ if($.isPlainObject(val) || $.isArray(val)){ $.each(val,function(k,v){ resultTest += key + '=>' + k +'=>'+ v + '\r\n'; }); }else{ resultTest += ke…