浏览器默认事件,事件监听,事件委托

浏览器的常见默认行为

  图片,文字可以脱出爱

  a标签可以进行跳转

  右键是菜单

  submit可以进行提交

右键菜单触发,可以作为一个事件

document.oncontext=function(e){

  alert(1);

}

可以阻止浏览器默认行为

  return false;    可以实现,但不推荐使用,老师就是这么说的。

  还有就是时间对象提供的方法:e.preventDefault()   或e.returnValue=false;后者为了兼容该死的IE低版本

例:

DOM,一般的事件都是0级事件,有一个最大的缺点就是后者的事件会覆盖前者。

例:  document.onclick=function(){
            alert(11);
        }
        document.onclick=function(){
            alert(22);
        }

只会弹出22,因为后者会覆盖前者。

DOM    2级事件,也叫事件监听

对象.addEventListener()        参数1:事件类型,不加“on”   例:onclickz只需要写click

             参数2:回调函数或一个函数名,推荐函数名

             参数3:一个布尔值    false是默认值,代表冒泡(后面有说明),true代表捕获

IE的兼容:attachEvent()      参数1:事件类型,要加on       例:onclick        参数2:回调函数

解除事件监听

  removeEventListener()解绑的时候第二个参数必须是函数名,把回调函数写在方法里面无效

  例:div.removeEventListener("click",)

IE的兼容:  detachEvent()    参数1:事件类型     参数2:回调函数 

原文地址:https://www.cnblogs.com/lzn0330/p/9539387.html

时间: 2024-10-29 12:54:58

浏览器默认事件,事件监听,事件委托的相关文章

关于AngularJs中监听事件及脏循环的理解

可能很多刚入行或者刚学习的前端对于AngularJs中的一些事件或者概念感觉不理解或者没有思路,今天让我们一起来剖析一下AngularJs中的一些事件. AngularJs中对于的监听事件会用到一个scope函数$watch,它包含了三个参数,首先我们在概念上来了解一下: $watch是一个scope函数,用于监听模型变化,当你的模型部分发生变化时它会通知你. $watch(watchExpression, listener, objectEquality); 每个参数的说明如下: watchE

javascript事件有哪些?javascript的监听事件

1 事件类型: 2 1.界面事件 3 onload:描述文档,图片,css已经frame,object加载完毕时触发,window.onload 4 window.onload = function(){ 5 //代表图片,dom元素,iframe,css加载完毕以后 6 //才触发的事件 7 } 8 $(function(){ 9 //dom css js 初始化就加载事件 10 //调用了图片的unload事件 11 }); 12 13 onunload:移除加载事件 14 onabort:

深入理解Spring的容器内事件发布监听机制

目录 1. 什么是事件监听机制 2. JDK中对事件监听机制的支持 2.1 基于JDK实现对任务执行结果的监听 3.Spring容器对事件监听机制的支持 3.1 基于Spring实现对任务执行结果的监听 4.Spring事件监听源码解析 4.1 初始化事件发布器流程 4.2 注册事件监听器流程 4.3 容器事件发布流程 5.总结 1. 什么是事件监听机制 在讲解事件监听机制前,我们先回顾下设计模式中的观察者模式,因为事件监听机制可以说是在典型观察者模式基础上的进一步抽象和改进.我们可以在JDK或

vue 中监听窗口发生变化,触发监听事件, window.onresize && window.addEventListener('resize',fn) ,window.onresize无效的处理方式

1 // 开始这样写,不执行 2 window.onresize = function() { 3 console.log('窗口发生变化') 4 } 5 6 7 // 改成window监听事件 8 window.addEventListener('resize', function() { 9 console.log('窗口发生变化') 10 }) onresize的定义方式 一.直接在html中定义 如<body onresize="doResize()"/> 二.直接

鼠标滚轮事件的监听

鼠标滚轮事件的监听原理:判断鼠标滚轮的滚动获取一个值,根据这个值判断滚动的方向.分析:首先,判断滚轮方向.Firefox:detail,取值为-/+3(负值向上,正值向下):其他:wheelDelta,取值为+/-120(正值向上,负值向下).兼容所有浏览器的的封装: ? 1 2 3 4 5 6 7 8 9 10 function scrollEvent(ev){     ev = ev || window.event;     var data = '';     if(ev.wheelDel

Android中Preference的使用以及监听事件分析

> 在Android系统源码中,绝大多数应用程序的UI布局采用了Preference的布局结构,而不是我们平时在模拟器中构建应用程序时使用的View布局结构,例如,Setting模块中布局.当然,凡事都有例外,FMRadio应用程序中则使用了View布局结构(可能是该应用程序是marvel公司提供的,如果由google公司做,那可说不准).归根到底,Preference布局结构和View的布局结构本质上还是大同小异,Preference的优点在于布局界面的可控性和高效率以及可存储值的简洁性(每个

Java Swing界面编程(22)---事件处理:动作事件及监听处理

要想让一个按钮变得有意义,就必须使用事件处理.在swing的事件处理中,可以使用ActionListener接口处理按钮的动作事件. package com.beyole.util; import java.awt.Font; import java.awt.GridLayout; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.awt.event.WindowAdapter

miniui 给表格行添加监听事件的几种方法以及点击某列列名数据不能排序的问题

最近在使用miniui框架做开发,在做表格行的点击监听事件中发现了几个属性,都可以起到监听效果但是执行的结果却大有不同.好了废话不多说,直接上代码. <div id="pageGrid" class="mini-datagrid" style="width: 100%; height: 100%; border:0;" url="${ctx}/tAXINFO/queryRepeat" autoload="tru

input标签的监听事件

监听事件的触发是完成交互的一个重要组成部分,现将input标签的监听事件整理如下. onfocus         当input 获取到焦点时触发. onblur            当input失去以获取到焦点时触发. 1.1  onchange      当input失去焦点并且它的value值发生变化时触发. 1.2  onpropertychange    只要当前对象属性发生改变,都会触发事件,IE专属(6.7.8). onkeydown   在 input中有键按住的时候触发事件.

Android 动画监听事件

public class GuideActivity extends Activity { // 显示图片的ImageView组件 private ImageView guidePicture; // 要展示的一组图片资源 private Drawable[] pictures; // 每张展示图片要执行的一组动画效果 private Animation[] animations; // 当前执行的是第几张图片(资源索引) private int currentItem = 0; @Overri