高版本浏览器的自定义 事件

   /*
        https://blog.csdn.net/magic__man/article/details/51831227
    */
    document.addEventListener(‘上滚‘,function(ev){
        console.log(ev);
        // alert(‘正在山gun‘);
    });

     //创建event的对象实例。
    var event = document.createEvent(‘HTMLEvents‘);

    // 3个参数:事件类型,是否冒泡,是否阻止浏览器的默认行为
    event.initEvent("上滚", true, true);

    //给event对象绑定数据
    event.name = ‘小胖‘;
    event.num = 0;

    document.onmousewheel = function(ev){
        if(ev.wheelDelta > 0){
            event.num = ++ event.num;
            document.dispatchEvent(event);
        }
    }

原文地址:https://www.cnblogs.com/MrZhujl/p/10085530.html

时间: 2024-08-09 19:06:53

高版本浏览器的自定义 事件的相关文章

使用fixed制作浮动广告(注意:解决闪屏问题,但适用于高版本浏览器,低版本的浏览器不适用)

<script language="javascript" type="text/javascript"> //隐藏广告 function closeDiv(){ document.getElementById("floatDiv").style.display="none"; } </script> <body> <!--position:fixed能够使得广告div实现滚动效果,但

解决Safari高版本浏览器中默认禁用第三方COOKIE(含demo)

前段时间在项目里遇到了一个比较头疼的问题,就是高版本的Safari中默认会阻止第三方cookie,这使得使用Safari浏览器的用户无法按照正常的业务逻辑进行操作. 问题展现 知识点 什么是第三方cookie呢?在访问一个网站A时,网站A算作第一方,如果网站A中引用了另一个网站B(网站B的域名与网站A的域名不同)的资源,这时这个网站B就被认为是第三方.需要注意的是,这儿区分不同网站的标准是域名是否相同,而不是这两个网站是否由同一个公司运营.比如,taobao.com和tmall.com被认为是两

解决html5新标签 placeholder 低版本浏览器下不兼容问题

placeholder属性是HTML5 中为input添加的.在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示. 实例:1 <input type="text" name="userName" placeholder="请输入用户名"> placeholder操作起来非常方便,提高了开发效率,同时在高版本浏览器中用户体验也很好,所以本人很喜欢用这个属性. 然而,在IE9以下版本浏

Android 开源项目android-open-project工具库解析之(二) 高版本向低版本兼容,多媒体相关,事件总线(订阅者模式),传感器,安全,插件化,文件

六.Android 高版本向低版本兼容 ActionBarSherlock 为Android所有版本提供统一的ActionBar,解决4.0以下ActionBar的适配问题 项目地址:https://github.com/JakeWharton/ActionBarSherlock Demo地址:https://play.google.com/store/apps/details?id=com.actionbarsherlock.sample.demos APP示例:太多了..现在连google都

浏览器事件机制与自定义事件的实现

一. 0 级 DOM 上的事件和 2 级 DOM 事件机制 0 级 DOM 上的事件又称原始事件模型,所有的浏览器都支持他,而且是通用的. 2 级 DOM 事件机制又为标准事件模型,除了 ie 其他浏览器都支持( ie9 据说也支持,有待考证), ie 虽然大部分与标准事件模型一样,但有自己专有的事件模型,因此开发人员要实现标准事件模型必须为 IE 写特定的代码,这给程序员增加了负担. 原始事件模型 1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0

浏览器扩展系列————给MSTHML添加内置脚本对象【包括自定义事件】

原文:浏览器扩展系列----给MSTHML添加内置脚本对象[包括自定义事件] 使用场合: 在程序中使用WebBrowser或相关的控件如:axWebBrowser等.打开本地的html文件时,可以在html的脚本中使用自己在.net中定义的类,实现与Internet Explorer server的互操作.此外也可以在充分利用html在设计界面方面高效,简单的同时,也可以实现一些复杂的特性. 实现: Code Code highlighting produced by Actipro CodeH

html5调用本机摄像头兼容谷歌浏览器高版本,谷歌浏览器低版本,火狐浏览器

做这个功能的时候在网上查了一些资料,代码如下,在这个代码在谷歌浏览器46版本是没问题的,在火狐浏览器也行,但是在谷歌浏览器高版本下是不兼容的 <div id="body"> <section class="featured"> <div class="content-wrapper"> <hgroup class="title"> <h1>Welcome to web

jQuery 向上滚动屏幕 及 在高版本的 jQuery 浏览器判断

//向上移动 屏幕 //317这个高度可以通过$(document).scrollTop() 来测试得到 var userAgent = navigator.userAgent.toLowerCase(); //不能使用:$.browser.mozilla 之类的来判断.赋值也不能用他们,也就是不能写成: // $.browser.mozilla = /firefox/.test(userAgent); var isMozilla = /firefox/.test(userAgent); var

如何使用XE2及更高版本中提供的自定义皮肤(样式)功能

源:如何使用XE2及更高版本中提供的自定义皮肤(样式)功能 1. 制作样式文件: 点击 XE2+ 的 IDE 菜单上的 Tools-->Bitmap Style Designer, 打开设计器. 为每个需要的元素设计好图片或颜色或字体. 最重要的是, 要为设计的样式起个名字: Objects 窗口中, 选中最上面的 Objects 节点, 在 Inspector 窗口中, 为 Name 属性起个名字, 如 ccrun 然后保存这个样式: File-->SaveAs, 假设保存为 D:\ccru