a标签的href和click事件

a标签嵌套href默认行为与子元素click事件存在影响

2018-08-07 Question about work 开发过程中遇到问题,简单写个demo 运行环境为Chrome 68 描述一下这个问题,当<a>标签内部存在嵌套时, 父元素<a>标签的href默认行为以及子元素绑定的click事件的响应之间存在影响.页面结构: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

在动态网页中,常常需要在单击超链接时处理一些数据,而不是跳转一个网页.在这种情况下,通常有以下三种处理方式: 不设置<a>标签的href属性,只设置onclick属性.在这种处理方式下,通常超链接文本会和正文的文本以相同的形式出现,即不会有默认的下划线.当鼠标放在超链接上也不会显示小手的形状(除非为该超链接设置了CSS).因此,用户很难知道这是一个可以点击的超链接. 将<a>标签的href属性值设置为"#",并设置onclick属性.在这种处理方式下,用户可以

关于IOS下click事件委托失效的解决方案

一.由于某些特殊情况下,需要用到事件委托,比如给动态创建的DOM绑定click事件,这里就需要事件委托(这里就牵扯到:目标元素和代理元素)目标元素:动态创建的元素,最终click事件需要绑定到该元素代理元素:动态创建的元素的父级元素,或者document,body等. 二.BUG情况当使用事件委托给[目标元素]添加 click 事件时,如果[代理元素]是 document或body,并且[目标元素]是默认不可点击的(如 div, span 等),此时click事件会失效.如果[目标元素]是可

父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存在影响

原文地址背景开发过程中遇到问题,简单写个demo 运行环境为Chrome 68 描述一下这个问题,当a标签内部存在嵌套时, 父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存在影响.页面结构: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" con

关于a标签自身的click事件所带来的一些影响

众所周知a标签自身带有点击事件<a href="#"></a>从它本身的特性来讲并没有什么不好的影响,但是如果你在a标签里又加入onclick事件则<a href="#" onclick=""></a>会产生意想不到的后果如, 本人在一个项目中由于没将a标签自身的点击事件阻断而造成跨域问题也就是在控制台的Network里面的Status的状态为canceled 这是我第一次遇到这种状态,于是上网上

如何用按钮的click事件去触发a标签的click事件

在jQquery中,可以用如下方式触发input.a标签的click事件: <input id="my_input" /> <a id="my_a" href="http://www.XXXX.html"></a> $("#my_input").click(function () { //do something }); 或 $("#my_a").click(functi

【转】HTML中A标签与click事件的前世今生

在动态网页中,常常需要在单击超链接时处理一些数据,而不是跳转一个网页.在这种情况下,通常有以下三种处理方式: 不设置<a>标签的href属性,只设置onclick属性.在这种处理方式下,通常超链接文本会和正文的文本以相同的形式出现,即不会有默认的下划线.当鼠标放在超链接上也不会显示小手的形状(除非为该超链接设置了CSS).因此,用户很难知道这是一个可以点击的超链接. 将<a>标签的href属性值设置为"#",并设置onclick属性.在这种处理方式下,用户可以

jquery href属性和click事件冲突

a标签的定义如下: <a href="javascript:void(0);">test</a> jquery中的click事件: $("a").bind("click",function(){ do something; } 这个时候的href属性和click事件冲突,采取的对策是在js函数中加return false. $("a").bind("click",function()

a标签的click事件问题

easy知识点, a标签的click事件和href共存会在执行click事件后触发href里面的链接,如果把href设为空字符串:href="",则会使用当前页面的url作为跳转链接. 解决方法很简单: 1. 删除A标签的href属性.但是这样会出现一个问题,在点击A标签的时候,页面的焦点会定位到页面的top处. 2. href="javascript: void(0);". 3. click事件使用return false;即可.

EasyUi中的datagird中a标签的click事件无法触发？（已解决）

***************************2015-10-29 21:07************************* 问题如下: datagrid最后一列编辑中有如下a标签 { field: "编辑", title: "编辑", width: 100, align: "center", //value表示字段值,row表示当前行的值,index表示当前行的索引 formatter: function (value, row,

a标签包着img事件 ie下 a标签的click事件失效

整个大的背景框有个点击事件, 如果标签结构是(详细的css样式略) a{background:green;} <a href=""> <img src="personal.png"/> <p>我是个人用户</p> </a> a标签有个click事件像这样的 a标签包着img标签的时候在ie下点击图片位置的时候 click事件不会触发解决方式是把a标签改成div <div> <img

JQuery的click,trigger触发a标签的click事件无效的问题分析

今天在做一个手机端webAPP链接下载的时候,给a标签一个下载链接,但是通过 <a id="downFile" download="" href="" style="display:none;"></a> //方式一.使用Jquery触发点击事件不起作用,如下 $("#downFile").click(); $("#downFile").trigger("

js 重写a标签的href属性和onclick事件

适应场景:假如移动端拨打电话,需要给a标签添加href属性,但是由于需求,需要链接跳转的同时给a标签添加onclick事件,如果不做任何处理的话,默认执行点击事件,而不会跳转href属性的链接. 怎么解决:重写a标签的href属性和onclick事件 //这段代码可放入点击事件里 (function(){ this.fnCancel(); var _event_list = {}; // 找到页面上所有的a标签 var links = document.getElementsByTagName(

如何模拟click事件，打开一个a标签链接？

在项目开发过程中,我们经常会碰到通过接口返回一个地址,同时在新的tab页面打开一个网址的情况,最直观的想法就是通过window.open(url)的方式,打开一个新的页面,但是大部分浏览器会遭遇拦截.因为大部分现代的浏览器(泛指 Chrome / Firefox / IE 10+ / Safari)都默认开启了阻止弹出窗口的策略,原因是 window.open 被广告商滥用,严重影响用户的使用.这个阻止弹出窗口的操作,并不是直接封杀 windw.open(),而是会根据用户的行为来判断这次 wi

jsp中一个标签两种方式绑定两个click事件导致未执行的问题

近日,在开发过程中,写了一个标签 <li id="a1" onclick="doSomething()">...</li> 在js页面中,使用了 $.("#a1").click = function(){ //执行 } 本意想点击时同时触发两个方法,做不同的事情, 后来才发现js中$.("#a1")的方法未执行,问了才得知这样可能会产生方法调用冲突, 解决办法: 1.再写一个标签,两个onclick事件

ie6下a标签click事件无法触发加载iframe

ie6下a标签click事件无法触发加载iframe,把a换成span或者别的,就可以了

关于IOS浏览器：document,body的click事件触发规则

今天做了个手机页面,点击某个按钮->弹出菜单,再点击菜单以外的任意位置->关闭菜单,在其他浏览器里面没有问题,但是在IOS浏览器中并不会关闭. 网上解决这个bug的帖子很多,这篇帖子主要是讲原理,这里写个简单的代码,大家可以复制到自己页面中去实验: <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=devi

移动端touch事件影响click事件以及在touchmove添加preventDefault导致页面无法滚动的解决方法

这两天自己在写一个手机网页,用到了触屏滑动的特效,就是往右滑动的时候左侧隐藏的菜单从左边划出来. 做完之后在手机原生浏览器中运行正常,但在QQ和微信中打开,发现touchmove只会触发一次,而且touchend也经常不触发. 之后百度了一下这个问题,原因是主要是由于200ms超时导致内核不一定会一直处理touchmove事件,一旦超时会将后续所有的事件转交给UI处理,导致touchmove不会一直触发. 为了解决开发者需要,建议开发者在touchstart时调用event.preventDe

手机浏览器下IScroll中click事件

产品的h5页面几乎都使用了iscroll插件,如果a标签在iscroll里,在部分手机浏览器中会出现无法点击的情况,不管是绑定click事件还是使用a标签的href属性.href属性偶尔还会能点击,click事件完全不能. 如果用button或input代替a,都能响应click事件. 如果用微信内置浏览器,都能响应click事件(nubia除外).QQ浏览器也能响应. 也就是出现此问题跟手机本地浏览器,iscroll,a标签都有关系. iScroll uses various techniqu

Html A标签中 href 和 onclick用法、区别、优先级别

原文:Html A标签中 href 和 onclick用法.区别.优先级别如果不设置 href属性在IE6下面会不响应hover.双击后会选中标签的父容器而非这个一a标签(IE下都存在这一问题). 代码如下复制代码 <a href="javascirpt:fn(this)"> <a onclick="fn(this)"> 假定我们有个fn方法,需要取到这个元素,第一个方法传入的this是空值. 所以,比较推荐的写法是代码如下复制代