聊聊javascript的事件

javascript事件
1.点击事件 onclick
    obtn.click=function(){};
2.移入/移出事件 onmouseover/onmouseout 注意:在父级中移入移出,进入子级中,也会触发这种事件
    obtn.mouseover=function(){}
3.鼠标按下/抬起 onmousedown/onmouseup
    obtn.onmousedown=function(){}
3.移入/移出事件 onmouseenter/onmouseleave 注意:在父级中移入移出,进入子级中,不会触发这种事件
    obtn.mouseleave=function(){}
4.获取/失去焦点 onfocus/onblur
    obtn.onfocus=function(){}
5.键盘事件按下/抬起 onkeydown/onkeypress
    obtn.onkeydown=function(event){
        var num=event.keyCode;
    };
    注意:event.keyCode的值
    9 tab
    13 enter
    20大写锁定
    32空格键
    37 左
    38 上
    39 右
    40 下
6.绑定事件/解除绑定
谷歌 火狐obtn.addEventListener("事件","回调函数",false);
    obtn.removeEventListener("事件","回调函数",false);
    注意:false只会监听冒泡发生的事件
IE9 obtn.attachEvent("事件","回调函数");
    obtn.detachEvent("事件","回调函数");
7.滚轮事件onmousewheel/DOMMouseScroll(火狐)

8.阻止冒泡事件
    event.stopPropagation()阻止事件冒泡 非IE
    return false;IE
8.阻止默认事件
    event.preventDefault()阻止默认事件  非IE
    return false;IE

待续。。。。。

时间: 2024-08-24 10:40:12

聊聊javascript的事件的相关文章

JavaScript中事件绑定的方法总结

最近收集了一些关于JavaScript绑定事件的方法,汇总了一下,不全面,但是,希望便于以后自己查看. JavaScript中绑定事件的方法主要有三种: 1 在DOM元素中直接绑定 2 JavaScript代码中直接绑定 3 绑定事件监听函数 一.在DOM元素中直接绑定 也就是直接在html标签中通过 onXXX=“” 来绑定.举个例子: <input type="button" value="点我呦" onclick="alert("he

javaScript 删除事件 弹出确认 取消对话框

1 javaScript 删除事件 弹出确认 取消对话框 2 1. 3 4 <a href="javascript:if(confirm('确实要删除?'))location='http://www.baidu.com'">删除</a> 5 6 2. 7 8 <script language="JavaScript"> 9 function delete_confirm(e) 10 { 11 if (event.srcElemen

JavaScript onkeydown事件入门实例(键盘某个按键被按下)

JavaScript onkeydown 事件 用户按下一个键盘按键时会触发 onkeydown 事件.与 onkeypress事件不同的是,onkeydown 事件是响应任意键按下的处理(包括功能键),onkeypress 事件只响应字符键按下后的处理. 提示 Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符,而 Netscape/Firefox/Opera 等浏览器使用 event.which. onkeydown 获取用户按下的键

JavaScript 阻止事件冒泡的实现方法

JavaScript 阻止事件冒泡,无使用其它插件来辅助,原生JS代码,考虑到浏览器的兼容性问题,这里对IE/火狐.Operating以及Chrome都有针对性的判断,代码如下: function cancelBubble(evt) { // 阻止事件冒泡 if (window.event) { // Chrome,IE6,Opera window.event.cancelBubble = true; } else { // FireFox 3 evt.stopPropagation(); }

JavaScript 自定义事件

Javascript事件模型系列(四)我所理解的javascript自定义事件 漫谈js自定义事件.DOM/伪DOM自定义事件

[转]javascript指定事件处理程序包括三种方式:

javascript指定事件处理程序包括三种方式: (1):DOM0级事件处理程序 如: 代码如下: var btn=document.getElementById("mybtn"); //取得该按钮的引用 btn.onclick=function(){ alert('clicked'); alert(this.id); // mybtn 以这种方式添加的事件处理程序会在事件流的冒泡阶段被处理. 删除DOM0级方法指定的事件处理程序: btn.onclick=null; // 删除事件

直播开始:&#39;云榨汁机&#39;诞生记--聊聊JavaScript中的&#39;业务建模&#39;

闭包是JavaScript中的一个重要特性,在之前的博文中,我们说闭包是一个'看似简单,其实很有内涵'的特性.当我们用JavaScript来实现相对复杂的业务建模时,我们可以如何利用'闭包'这个特性呢?JavaScript中的'原型继承',又可以解决业务建模中的哪些问题呢?今天我们就通过一家'榨汁机工厂'生产设计'榨汁机'的故事,来聊一聊'闭包'和'原型继承'在业务建模中的作用.现在直播开始: 1> 工厂默认选用A型刀头方案制造榨汁机 例子当中我们主要涉及到2个函数:1.榨汁机的生产工厂(Jui

JavaScript的事件_事件概述/事件模型

一.事件概述 JavaScript 事件是由访问 Web 页面的用户引起的一系列操作,例如:用户点击页面上的某个按钮或者鼠标移动到页面的某个图片上而产生一系列的互动的反馈. 当用户执行某些操作的时候,再去执行一系列代码. 事件一般是用于浏览器和用户操作进行交互.最早是 IE 和 Netscape Navigator 中出现,作为分担服务器端运算负载的一种手段.直到几乎所有的浏览器都支持事件处理. 而 DOM2级规范开始尝试以一种复合逻辑的方式标准化 DOM 事件.IE9.Firefox.Oper

JavaScript 计时事件

JavaScript 计时事件 通过使用 JavaScript,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行.我们称之为计时事件. 在 JavaScritp 中使用计时事件是很容易的,两个关键方法是: setInterval() - 间隔指定的毫秒数不停地执行指定的代码. setTimeout() - 暂停指定的毫秒数后执行指定的代码 Note: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法. set