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

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

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

$("#bt").click(function() {$("#a").click();
})

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

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

$(function() {
$("#a").click();
});

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

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

$("#bt").click(function() {
document.getElementById("a").click();
})
最后发现$("#a")获取的是jquery的对象,而document.getElementById("a")获取的是DOM对象
但是一开始我第一想到的方法是用纯粹的javascript方式:
$("#bt").click(function() {document.getElementById("a").onclick();
})


onclick()也可以触发事件,测试后发现onclick其实跟click不同,onclick触发的是方法,而click触发是按钮点击事件,然后触发方法

如果该对象没有事件onclick则无法被触发,而click却可以触发但是因为$("#a")获取的是jquery的对象却反倒影响到了click事件,而用document.getElementById("a")没有影响


以上是我个人观点,如果有误请指正,谢谢

jquery+javascript触发a标签的点击事件相关推荐

  1. jQuery触发a标签的点击事件无效

    1 <a id="workFrame" href="pages/work.html" target="FrameBox">首页& ...

  2. 关于a标签的点击事件触发无效的问题

    Write By Monkeyfly 以下内容均为原创,如需转载请注明出处. 前提 项目为:xxxx管理系统.在该系统中,可以通过点击左侧的菜单(导航栏)来实现右边内容的切换.而且内容区的页面都是嵌套 ...

  3. ajax点击事件无法触发,解决jQuery Ajax动态新增节点无法触发点击事件的问题_婳祎_前端开发者...

    在写ajax加载数据的时候发现,后面添加进来的demo节点元素,失去了之前的点击事件.为什么点击事件失效,我们该怎么去解决呢? 其实最简单的方法就是直接在标签中写οnclick="" ...

  4. 动态创建表格给同一个标签创建点击事件并让点击事件操作内容不一样

    动态创建表格给同一个标签创建点击事件,每个点击事件操作的元素不一样. 现在有这样的需求,点击"查看详细"显示或隐藏标签.要实现这样的效果就要给点击标签添加两个属性,一个属性是nam ...

  5. 解决给a标签添加点击事件时遇到的问题

    前几天有人问我为什么她的点击事件不好使呢?效果闪一下就没有了? 首先她的点击事件没有加给button或者其他标签,当然a标签是可以加的,但是一般a标签我们都是用来链接到某个网页或位置,它的href属性 ...

  6. WebView 实现JS效果和a标签的点击事件

    2019独角兽企业重金招聘Python工程师标准>>> 目前很多android app都可以显示web页面的界面,嵌入式开发,这个界面一般都是WebView这个控件加载出来的,学习该 ...

  7. 如何通过JS动态给li标签添加点击事件并跳转

    如何给li标签添加点击事件 一.HTML demo代码 二.JS动态新增li并绑定点击事件 三.效果图 有很长一段时间没写博客了,最近做了一个类似于榜单的小需求,遇到了一些小问题,姑且简单的记录一下吧 ...

  8. vue el-tree懒加载默认展开一级,懒加载刷新(默认高亮某个节点,触发某个节点的点击事件)

    场景 如上图所示,左边展示分组及分组下的标签,点击某个标签,在右边展示某个标签的详情,可以对标签内容进行编辑保存,还可对标签进行搜索,默认展示全部标签,展开一级不目下标签,若对标签进行搜索筛选,则把每 ...

  9. jQuery动态添加按钮,绑定点击事件失效

    jQuery动态添加按钮,绑定点击事件失效 因为需求需要给页面动态添加按钮并绑定点击事件进行操作, 但是发现绑定的点击事件失效. 原因分析: append中的节点是在整个文档加载完之后开始添加,因此页 ...

最新文章

  1. 脉脉成为互联网大厂公敌
  2. 基于ESP32模块利用检测线圈检测车模停止时间,室内视觉AI裁判系统
  3. C 语言编程 — 头文件
  4. MongoDB numa系列问题一:[initandlisten] connection refused because too many open connections:
  5. 最小二乘与最大似然估计之间的关系
  6. ASP.NET WebApi 基于JWT实现Token签名认证
  7. sklearn决策树概述
  8. 【WebRTC---入门篇】(三)WebRTC运行机制
  9. Linux下精准踢掉登录用户-pkill命令
  10. 别再为找不到实用的HDRI素材而头疼了 看看这里
  11. ZZULIOJ.1101: 逆序数字(函数专题)
  12. 7-3 学生成绩录入及查询 (20分)__C++
  13. leetcode 1276. 不浪费原料的汉堡制作方案(C++)
  14. 初尝vue-element-admin
  15. 【开关电源原理及选型介绍】
  16. imp-00003: 遇到 oracle 错误 4052,imp IMP-00041错误处理
  17. html%3ca%3e标签中有变量,经过代码审计找出网站中的XSS漏洞实战(三)
  18. poj2287 田忌赛马
  19. mysql 索引超767_mysql Index column size too large 超过767错误解决方案(转)
  20. mysql 加密狗_IA300加密狗使用 | 学步园

热门文章

  1. android 点击热区,Android-android中有没有提供点击热区的功能
  2. abb机器人指令手册_ABB机器人编程之程序流程指令(含案例)
  3. 计算机的应用范围归纳起来主要有,计算机应用基础知识概述.doc
  4. php请求路由,PHP 新手入门指南 - 表单请求与路由
  5. php怎样加密文件,如何使用php加密大文件并通过命令行解密?
  6. java.util.timezone_java.util.TimeZone.getTimeZone()
  7. JAVA8常量池监控_深入探索Java常量池
  8. Python2.7连接MySQL5.7 附demo
  9. curl获取网页内容出现乱码或为空的解决方案,另附curl_getinfo函数解析
  10. CyberDuck:Macos和Linux服务器简洁传大文件