
为body标签和document.body都添加点击事件后仅Firefox弹出了两次

这是 菜菜 刚刚发现的
给body标签和document.body都添加点击事件后仅Firefox之弹出了两次
HTML BODY
document.body.onclick=function(){
alert ('body');
};
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
1,给body标签添加了onclick事件,弹出1
2,给document.body添加了onclick事件,弹出body
点击页面红色区域
IE6/7/8/9/Safari/Chrome/Opera : 不弹任何消息
Firefox : 弹出1
点击页面黄色区域
IE6/7/8/9/Safari/Chrome/Opera : 弹出body
Firefox : 弹出body,再弹1
相关推荐
-
为body标签和document.body都添加点击事件后仅Firefox弹出了两次
这是 菜菜 刚刚发现的 给body标签和document.body都添加点击事件后仅Firefox之弹出了两次 HTML BODY document.body.onclick=function(){ alert ('body'); }; [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 1,给body标签添加了onclick事件,弹出1 2,给document.body添加了onclick事件,弹出body 点击页面红色区域 IE6/7/8/9/Safari/Chrome/Opera
-
vue动态渲染svg、添加点击事件的实现
业务需求(vue项目中) 1.页面展示svg内容 2.监听svg内部的点击事件 3.动态改变svg内部元素的属性和值 html标签 经多次实验,用embed.img等标签改变src属性的方式,均无法实现上述全部功能(尤其是svg内部点击事件),最终采用Vue.extend()方法完整实现,代码也较为简洁,html结构如下: <template> <div> <div id="svgTemplate"></div> </div>
-
JS 循环li添加点击事件 (闭包的应用)
废话不多说了,直接给大家贴代码了,具体代码如下所述: var aLi = document.querySelectorAll('.article-tab li'); for (var i = 0; i <= aLi.length; i++) { (function(){ var p = i aLi[i].onclick = function() { alert(p); } })(); } 以上所述是小编给大家介绍的JS 循环li添加点击事件 (闭包的应用),希望对大家有所帮助,如果大家有任何疑问
-
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
遇到 jquery无法为动态生成的元素添加点击事件,谷歌一下,整理一下解决方法如下: (<li>中间的元素是动态生成的), 现在想为<i>添加点击事件, 例子如下: <div> <ul> <li> <span> <i class='icon'>这是元素内容</i> //i是动态生成 </span> </li> </ul> </div> 解决方法如下: $(docu
-
vue 项目引入echarts 添加点击事件操作
main.js中 import echarts from 'echarts' Vue.prototype.$echarts = echarts vue文件中 _this.calendarChart=_this.$echarts.init(document.getElementById('earlyWarningCalendar')) _this.calendarChart.on('click',function (param) { console.log(param) }) _this.cale
-
Vue在echarts tooltip中添加点击事件案例详解
目录 需求 解决方法 1.设置tooltip 2.定义hookToolTip变量 3.在methods中添加方法 4.完整代码 需求 需要在echarts tooltip点击学校的名称,跳转到详情页面:项目是从上海市---> 某个区----> 具体的学校(在最后一级的tooltip中绑定一个点击事件) 项目是用vue和echarts实现的,echarts是新版本(^5.0.2),并不能把点击事件绑定在window上 解决方法 1.设置tooltip enterable: true, //允许
-
关于Element-UI Table 表格指定列添加点击事件
目录 Element-UI Table 表格指定列添加点击事件 element-ui table表格错位问题 问题描述 解决方案 Element-UI Table 表格指定列添加点击事件 如下图所示,这是一个ele UI库中的table,一般情况下我们只能通过tableDATA来向里面填充数据来展示,而无法对其中添加点击时间等操作.这里就来记录学习一下. 这是我们的一般使用方法,只能将数据进行展示.我们需要在el-table-column标签里面来进行处理 <el-table :data="
-
Swift 2.1 为 UIView 添加点击事件和点击效果
前言 UIView 不像 UIButton 加了点击事件就会有点击效果,体验要差不少,这里分别通过自定义和扩展来实现类似 UIButton 的效果. 正文 一.为 UIView 添加点击事件 extension UIView { func addOnClickListener(target: AnyObject, action: Selector) { let gr = UITapGestureRecognizer(target: target, action: action) gr.numbe
-
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
重现如下: 复制代码 代码如下: <!doctype html> <html> <head> <title>设置iframe的document.designMode后仅Firefox中其body.innerHTML为br</title> <meta charset="utf-8"> </head> <body> <iframe frameborder="1" sty
-
Android给TextView添加点击事件的实现方法
首先设定TextView的clickable属性为true. 可以在布局文件中进行设定,比如: <TextView android:id="@+id/phone" android:clickable="true" --------->设定此属性 android:layout_marginLeft="10dp" android:layout_below="@id/address" android:layout_toR
随机推荐
- PHP程序员玩转Linux系列 使用supervisor实现守护进程
- Oracle数据表分区的策略
- JS获取当前日期和时间的简单实例
- 关于Server.Transfer(URL)和UrlReWrite的一个突发奇想
- 关于JSP配置文件web.xml加载顺序详解
- PHP之将POST数据转化为字符串的实现代码
- PHP采集相关教程之一 CURL函数库
- javascript数字格式化通用类 accounting.js使用
- 算法系列15天速成 第三天 七大经典排序【下】
- asp内置对象 ObjectContext 事务管理 详解
- 大数据时代的数据库选择:SQL还是NoSQL?
- mssql @@ERROR 使用
- PHP 异步执行方法,模拟多线程的应用分析
- 关闭页面window.location事件未执行的原因及解决方法
- jquery实现下拉菜单的手风琴效果
- jquery实现鼠标滑过小图时显示大图的方法
- Java中String、StringBuffer、StringBuilder的区别详解
- 基于JavaScript实现的希尔排序算法分析
- ES6新特性之Symbol类型用法分析
- Android黑科技之读取用户短信+修改系统短信数据库
其他
- bootstrap.yml 不生效
- phpstudy的MySQL启动后立刻自动关闭了
- Windows宝塔面板部署django
- Java 中MogonDB查询
- python 多进程下按大小切割日志
- pytorch切换python版本
- 前后端分离 重复登录
- 即使安装了3.9,终端仍然显示python版本3.5
- nginx tls 自签
- springboot使用自带的logback不打印sql
- pyinstaller打包 spec添加模块
- springboot 取出jap 某个字段
- 一个接口里调用多个外部接口好
- 基于Python的聊天机器人实现
- vue3中vuedraggable npm
- store commit dispatch异步向后台提交数据
- sqlserver 字符串小数转float
- springboot使用mybatis拦截器配置不生效
- js设计模式表单验证
- mybatis log plugin只打日期