精华内容
下载资源
问答
  • 本文实例总结了JS针对浏览器窗口关闭事件的监听方法。分享给大家供大家参考,具体如下: 方式一:(适用于IE浏览器,而且刷新不提示,只在点击浏览器关闭按钮的时候提示) [removed] [removed]=onclose; function ...
  • 1.整个页面所有的右击事件 document.oncontextmenu = function(){  return false; }   2.特定的区域 document.getElementById("test").oncontextmenu = function(e){  return false; }   3.去掉...

    1.整个页面所有的右击事件

    document.oncontextmenu = function(){
      return false;
    }

     

    2.特定的区域

    document.getElementById("test").oncontextmenu = function(e){
      return false;
    }

     

    3.去掉后可以给喜欢区块加特定的事件

    js:

    document.getElementById("test").onmousedown = function(e){
      if(e.button ==2){
        alert("你点了右键");
      }else if(e.button ==0){
        alert("你点了左键");
      }else if(e.button ==1){
        alert("你点了滚轮");
      }
    }

    jq:

    $("#test").mousedown(function(e){
      //doing
    });

     

    4.通过jq  bind 绑定 和 触发

    $('').bind("contextmenu",function (e){

       //doning

       return false;

    });

    $('').trigger('contextmenu');

    展开全文
  • js去掉浏览器右键点击默认事件 1、阻止整个页面所有的右击事件 document.oncontextmenu = function(){ return false;} 2、特定的区域/元素 document.getElementById("test").oncontextmenu = function(e){ ...

    js去掉浏览器右键点击默认事件

    1、阻止整个页面所有的右击事件

    document.oncontextmenu = function(){
      return false;
    }

     

    2、特定的区域/元素

    document.getElementById("test").oncontextmenu = function(e){
      return false;
    }

     

    3、去掉以后给需要的区块加特定的事件

    js:

    document.getElementById("test").onmousedown = function(e){
      if(e.button ==2){
        alert("你点了右键");
      }else if(e.button ==0){
        alert("你点了左键");
      }else if(e.button ==1){
        alert("你点了滚轮");
      }
    }

    jq:

    $("#test").mousedown(function(e){
      //doing
    });

     

    4、通过jq bind绑定和触发

    $('').bind("contextmenu",function (e){

       //doning

       return false;

    });

    $('').trigger('contextmenu');

     

    Vue-阻止事件冒泡-开启右键-键盘类事件

    1、阻止事件冒泡

      当点击按钮时,会触发button的click也会触发父级的方法

    <div id="box">
         <div @click="parentShow">
            <button type="button" @click="show()">按钮</button>
         </div>
    </div>

    解决方法:

      第一种方法,传入一个event对象,然后对象里有cancelBubble方法,设置为true

    <div id="box">
         <div @click="parentShow">
              <button type="button" @click="show($event)">按钮</button>
         </div>
    </div>
    methods: {
         show: function(ev){
              alert(1);
              ev.cancelBubble = true;
         },
         parentShow: function(){
              alert(2);
         }
    }

      第二种方法是vue封装好的,直接在click的后面加上.stop,建议使用

    <div id="box">
         <div @click="parentShow">
               <button type="button" @click.stop="show()">按钮</button>
         </div>
    </div>

    2、阻止左键,开启右键行为

      按钮的右键行为,vue事件。这里的prevent是关闭默认行为,相当于 传个$event 然后 event.preventDefault();

    <button type="button" @contextmenu.prevent="show1()">按钮</button>

    3、键盘类事件

      keyup、keydown是监听键盘按下,弹起事件,后面的.enter是指定键盘的按键,比如常见的:up、down、left、right、enter、tab等

    <input type="text" @keyup.enter="show2()" />

      也可以通过$event的keyCode来获取键盘的值。比如:

    <input type="text" @keydown="show2($event)" />
    show2: function(ev){
           console.log(ev.keyCode);
    }

     

    参考文章:https://www.cnblogs.com/zycbloger/p/5643122.html

    转载于:https://www.cnblogs.com/rachelch/p/8135883.html

    展开全文
  • 去掉浏览器页面广告和弹窗

    千次阅读 2018-12-10 11:31:02
    2、点击下拉框,找到更多工具&gt;扩展程序 3、打开开发者模式 4、将下载好的文件拖拉到下边空白处,等待安装完成 5、出现如图标志安装成功 原文地址 欢迎不明白的小伙伴下边积极留言交流。 ...

    如果您使用的是谷歌浏览器的话:
    1、下载防弹窗和广告插件:下载地址
    2、点击下拉框,找到更多工具>扩展程序
    在这里插入图片描述
    3、打开开发者模式
    在这里插入图片描述
    4、将下载好的文件拖拉到下边空白处,等待安装完成
    5、出现如图标志安装成功
    在这里插入图片描述

    欢迎不明白的小伙伴下边积极留言交流。

    展开全文
  • 在支付宝内打开H5页面,用的vue ...点击支付宝内置浏览器内的返回按钮 页面内容改变了 但是 页面的title 还是返回前的title IOS的问题 求个解决方法 安卓的都是好好的 用iframe的onload 我用不生效
  • 这是单页式全屏,类似考试系统弹窗出来的一样,没有浏览器的收藏、撤销、刷新、前进等操作,只能进行关闭和页面操作。 需要进入页面就执行的小伙伴把代码改为自执行即可,目前为了展示三个方法是点击触发的。
  • 1.最近在开发微信公众号网页,发现在iOS中,input元素快速点击的时候无法获得焦点,双击或者触摸屏幕的时候才能获取焦点。安卓端没有问题。一开始以为是iOS微信浏览器的兼容问题。后来认真排查了下,发现是我在引入...

    1.最近在开发微信公众号网页,发现在iOS中,input元素快速点击的时候无法获得焦点,双击或者触摸屏幕的时候才能获取焦点。安卓端没有问题。一开始以为是iOS微信浏览器的兼容问题。后来认真排查了下,发现是我在引入ant-mobile组件库时,同时引入了faskclick.js导致的。下面是ant-mobile官网的介绍:

    然后我去ant-mobile github上看了下,发现了这个(参考https://github.com/ant-design/ant-design-mobile/issues/576):

    因此把fastclick去掉就行了。

    2.在输入框获取焦点,调出键盘,页面被顶上去。输入完成后,点完成,键盘收起,但是页面不会回弹。可以这么解决:

      isWeiXinAndIos() {
        const ua = `${window.navigator.userAgent.toLowerCase()}`;
        const isWeixin = /MicroMessenger/i.test(ua);
        const isIos = /\(i[^;]+;( U;)? CPU.+Mac OS X/i.test(ua);
        return isWeixin && isIos;
      }
    
      weChatInputBug() { // 解决微信键盘收起页面不回弹的问题
        let myFunction;
        const isWXAndIos = this.isWeiXinAndIos();
        if (isWXAndIos) {
          document.body.addEventListener('focusin', () => {
            clearTimeout(myFunction);
          });
          document.body.addEventListener('focusout', () => {
            clearTimeout(myFunction);
            myFunction = setTimeout(() => {
              window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
            }, 200);
          });
        }
      }

     

    展开全文
  • ASP.NET后台代码方式识别页面“按钮点击”和浏览器F5“刷新”事件  最近有一些朋友向我咨询有关页面刷新与按钮的事情,简单的说就是当按钮事件发生后,用户又按“F5”或刷新按钮刷新了页面,这样按钮中的事件就会...
  • 按知识点循序渐进,按照顺序读下来绝对比搜索网上教程更加紧凑!内容通俗易懂,图文并茂,欢迎订阅!...在开发中,必须要去除浏览器的默认样式, 我们在开发者工具里面点击一个div,他的外边距没有显示出来,但是他..
  • 在默认情况下,点击 a 标签,input,或者添加click事件的时候,浏览器留下一个轮廓外框(chrome之下为蓝色)~ 然而这些默认的轮廓外框,有时候很影响美观,并不是我们想保留的。 我们应如何...
  • 知识点: 1、onpopstate事件,点击后退按钮(或者在JavaScript中调用history.back()方法)时...微信页面,在当前页面点击某处时,弹出一个覆盖整个手机屏幕的层,弹出这个层以后,点击微信屏幕的返回按钮时,隐藏弹出层
  • 点击页面中的button或者是具备点击事件的元素,就会出现一个默认的高亮框。影响总体的感官体验。 能够用一个简单的css3属性来解决:tap-highlight-color,最好加上webkit浏览器前缀。 -webkit-tap-highlight-...
  • 浏览器如何渲染页面

    千次阅读 2019-05-15 09:53:10
    这里是修真院前端小课堂,本篇分析的主题是 【浏览器如何渲染页面?】 每篇分享文从 ...浏览器是前端工程师或页面重构师工作中必不可少的,WEB页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的...
  • 在工作中经常遇到在手机浏览器中浏览网页时,点击页面中的按钮或者是具备点击事件的元素,就会出现一个默认的高亮框,影响整体的感官体验。 可以用一个简单的css3属性来解决:tap-highlight-color,最好加上webkit...
  • 项目提出bug,当正在浏览页面的时候点击返回首页此时页面停留在页面顶部,然后立即刷新,页面会回到刚才浏览的部分。 期望:当浏览时刷新可以保存滑动条的位置但是当点击首页的时候不需要保存 问题出现原因: ...
  • 首先 使用 e.preventDefault() 不起作用; 在网上找到的办法: css:     body {  -moz-user-select: none; /*火狐*/  -webkit-user-select:... /*webkit浏览器*/  -ms-user-select: none; /*IE10*/
  • html关闭浏览器事件

    千次阅读 2015-04-06 17:41:22
    关闭浏览器事件  2008-07-15 15:38:22| 分类: [JavaScript]|举报|字号 订阅 在做图片刷新功能的时候,会出现IE图片缓存的问题,试了N多方法都没有效果,最后只有使用每刷新一次修改图片文件名加随机数的方法...
  • iscroll 内的点击事件失效

    千次阅读 2018-09-06 20:40:38
    点击列表在手机上无法触发 click事件 ,试了n多写法。还是无法解决,本地测试正常,到手机上就无法执行。 最终测试: 是在列表的外层 使用了 代码A: listsContainer = new IScroll('#lists-container', { ...
  • vue路由,浏览器页面出现空白

    千次阅读 2019-03-11 14:57:02
    在进行vue项目开发时,常用vue-router进行路由的导航,这种方式可以很好的进行路由和组件的匹配,但是当用户手动更改为未进行匹配的url时,系统找不到响应的组件进行页面渲染,就会出现空白页面。 导航守卫(常用) ...
  • 此类事件是手机touchmove默认事件行为,可以通过js代码隐藏事件: $(‘body’).on(‘touchmove’, function (event) {event.preventDefault();}); or document.addEventListener('touchmove', function(e){e....
  • 启动浏览器页面跳转到360

    千次阅读 2017-11-17 15:44:26
    任务栏里火狐浏览器图标的属性,其目标在浏览器的可执行程序的储存地址后面增加了参数http://ttaa.210997.com“,导致浏览器启动时自动打开该页面页面会跳转到360主页。 然后直接在目标那栏里修
  • 亲测IE,火狐,chrome有效  废话不多说,上代码: ​ &lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&...h
  • iframe可以在显示器全屏显示,且可以在浏览器全屏显示(盖住菜单和右上头部) 显示器全屏用了一个方法: let iframeDom=this._elementRef.nativeElement.querySelector(&amp;quot;.iframe-dom&amp;...
  • 浏览器接收到url到开启网络请求线程(这一部分涉及浏览器的机制以及进程与线程之间的关系) 从开启网络线程到发出一个完整的http请求(这一部分涉及到dns查询,tcp/ip请求,五层因特网协议栈等知识) 从服务器...
  • 这个页面只有onClick="move_left()这个单击按钮在谷歌浏览器中不生效,按下没反应,其他都正常的,在IE中全部都是正常可用的,请帮忙看看,代码很简短
  • 现在的浏览器网页上基本都会带有广告,购物页面,搜索引擎,各大播放器。 今天,告诉大家如何利用浏览器插件来去除网页的广告。 首先下载这个插件,点击这里,密码:17u4。下载完成,拖动到自己浏览器上,会自动...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 67,575
精华内容 27,030
关键字:

去除浏览器页面点击事件