我们在给页面按钮添加事件时不希望一直去侦听某个事件，而只需要侦听一次，并且希望能兼容不同的浏览器，不论它是不是IE，下面我们来看看代码如何实现：
/**
*只执行一次函数
*兼容各种浏览器
var obj = document.querySelector("button");
handler = function(){
alert(this.tagName);
if (obj.removeEventListener){
obj.removeEventListener("click",handler,false);
} else {
// ie8及以下，只支持事件冒泡
obj.detachEvent("onclick",handler);
if (obj.addEventListener) {
obj.addEventListener("click",handler,false);
} else {
// ie8及以下，只支持事件冒泡
obj.attachEvent("onclick",handler);
}
因为IE8以下浏览器只支持“事件冒泡”所以对象只支持
attachEvent
，而不支持
addEventListener
，所以为了更好的兼容性在代码中专门针对浏览器进行了区别对待。
vue组件传值不外乎三种，父传子、子传父、平级，今天我们就来着重说说vue平级组件如何传递参数值？ 假设你有两个Vue组件需要通信： A 和 B ，A组件按钮上面绑定了点击事件，发送一则消息，B组件接收。初始化，全局创建$bus 直接在项目中的 main.js 初始化 …
2023/1/7 13:08:32
我们如何通过遍历数组删除不需要的，保留需要的内容呢？我们来看看下面的代码是如何实现的。<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>js如何遍历数组保存需要的</title> <meta http-…
2021/5/16 21:43:10
本函数对字符串进行URL解码。例如通过urlencode编码后的字符串，可通过UrlDecode进行解码。对Url路径加码的函数是UrlEncode 用法相反，和UrlDecode是一致对应的URLEncode是这样编码的 1、数字和字母不变。 2、空格变为"+"号。 3、其他被编码成&…
2021/5/16 16:25:41
根据id获取父对象，然后使用childNodes获取所有子对象数组，关键代码：document.getElementById(div_id).childNodes; // 子对象数组实现代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh…
2021/5/9 13:28:27
闭包知识1、闭包的概念：指有权访问另一个函数作用域中的变量的函数，一般情况就是在一个函数中包含另一个函数。2、闭包的作用：访问函数内部变量、保持函数在环境中一直存在，不会被垃圾回收机制处理因为函数内部声明 的变量是局部的，只能在函数内部访问到，但是函数外…
2021/4/24 19:56:28
今天在博客上看到有人问js定时器setInterval清除之后还会执行，他是js定时器控制一个盒子做旋转动画，离开页面后js定时器还在执行，但是盒子这个dom却被浏览器消除了，以至于再次进入该页面时动画会加速执行。解决方法 离开页面时清除定时器 进入时重新开启定时器d…
2021/4/24 16:06:27
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-…
2021/3/26 21:48:19
我们有时防止页面元素重复绑定事件，需要判断一下页面对应的元素是否已经绑定了事件，下面就是我写了一个javascript函数用来判断页面某个元素是否已经绑定某个事件：javascript代码var div = document.getElementById(div);logEvent(click , div , false , false , funct…
2021/3/24 21:20:27
什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无…
2021/3/11 22:44:58
前一阵子公司做项目，手机上的网页需要js来模拟手机平板等移动设备的触摸、点击、滑屏效果，直接上代码，供大家参考(function(doc, win, undefined) { "use strict"; var start = { //记录开始的触点 x: 0, y: 0 }, …
2021/2/28 22:08:08
联系我们：[email protected]
周一至周日 9:00-17:30
