zoukankan      html  css  js  c++  java
  • jquery+javascript触发a标签的点击事件

    今天项目经理跟我说window.open()在一些浏览器上会被拦截,当时的解决方案是:用a标签的target="_blank"属性也可以打开窗体页面

    于是解决了A问题出现了B问题:点击按钮时候去触发a标签失败了?

    这是给按钮绑定的a标签点击事件:

    [javascript] view plain copy
     
     在CODE上查看代码片派生到我的代码片
    1. $("#bt").click(function() {  
    2.     $("#a").click();  
    3. })  


    在jquery中调用click事件就相当点击了按钮一样,是用程序去点击按钮,再触发事件,可是对a标签却不行我的理解是a标签没有方法所以触发不了。

    于是我想会不会是$("#a").click()的问题?于是我直接在页面加载写下触发a标签的方法:

    [javascript] view plain copy
     
     在CODE上查看代码片派生到我的代码片
    1. $(function() {  
    2. $("#a").click();  
    3. });  

    但是最后结果页面加载的时候还是没有触发a标签的触发事件

    于是我换了一种方法就成功了,我把获取对象的换成了javascript的获取方式:document.getElementById("a")结果成功了  

    [javascript] view plain copy
     
     在CODE上查看代码片派生到我的代码片
    1. $("#bt").click(function() {  
    2. document.getElementById("a").click();  
    3. })  
    最后发现$("#a")获取的是jquery的对象,而document.getElementById("a")获取的是DOM对象
     
    但是一开始我第一想到的方法是用纯粹的javascript方式:
     
    [javascript] view plain copy
     
     在CODE上查看代码片派生到我的代码片
    1. $("#bt").click(function() {  
    2.     document.getElementById("a").onclick();  
    3. })  

    onclick()也可以触发事件,测试后发现onclick其实跟click不同,onclick触发的是方法,而click触发是按钮点击事件,然后触发方法
    如果该对象没有事件onclick则无法被触发,而click却可以触发但是因为$("#a")获取的是jquery的对象却反倒影响到了click事件,而用document.getElementById("a")没有影响
  • 相关阅读:
    美文:人生如果是十分
    收藏若干敏捷开发的博文充电
    推荐 xiaotie 的开源GIS专题文章索引
    影像融合操作的几种途径
    开源版多用户博客系统
    软件的架构与设计模式之模式的种类介绍
    开源摄影测量与遥感处理软件OSSIM简介
    从面向对象到模式再到真正的面向对象
    MapGuide和MapServer的一些资源
    ArcInfo常用命令整理
  • 原文地址:https://www.cnblogs.com/telwanggs/p/6477410.html
Copyright © 2011-2022 走看看