jquery href属性和click事件冲突

【jquery href属性和click事件冲突】的更多相关文章

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

js(jquery)解决input元素的blur事件和其他非表单元素的click事件冲突的方法

HTML结构:很简单,就一个input,一个div,能说明问题就OK了: <input type="text" value="默认值"><br/><br/><div>搜索</div> 想要实现的结果: 1.input框获取焦点时value为“”,失去焦点时value为“默认值”:-----这个很好实现: 2.当在input框中输入要搜素的内容后,点击div搜索,要求控制台打印输出要搜素的内容(当然每个项目的…

搜索提示時jquery的focusout和click事件沖突問題完美解决

在主流的搜索引擎上搜索時,輸入內容,往往會彈出智能提示.輸入框为input,智能提示區域为suggest.接下來一般有兩種操作: 1.選擇某一提示,則把內容复制到input中,自動關閉suggest: 2.點擊網頁其他地方,自動關閉suggest. 實現第一個可以用click事件,在suggest中增加鼠標click事件,在處理中將點擊的內容寫到input中,然後關閉suggest.單獨測試無問題: 實現第二個可以在inpu…

<a>标签href属性与onclick事件

a标签主要用来实现页面跳转,可以通过href属性实现,也可以在onclick事件里实现. <a onclick="window.location.href='www.cnblogs.com'" href="javascript:void(0);">博客园</a> 博客园这段代码在主流浏览器里都没问题,但在IE6下会出现不能跳转的问题.这究竟是什么原因呢? javascript:void(0); void(arg);可以理解为永远返回null…

blur和click事件冲突

一.问题描述文本框的blur事件和div元素的click事件出现冲突.在input的blur事件中,我们隐藏div元素.在div的click事件中,我们清除input的内容,并隐藏自身.当我们在input中输入内容后,点击div,希望触发div的click事件,清除input的内容,并隐藏自身.不料先触发了input的blur事件,隐藏了div元素,导致无法完成div的click事件.二.问题分析出现上述问题,让人不得不去探索事件执行顺序.1.在一个input文本框中绑定如下事件,测试执行顺序…

轉：Jquery绑定img的click事件

用JQUERY给IMG element绑定click事件的时候,直接用img.click(function(){...})不起作用,如下面代码$("img.ms-rteImage-LightBox").click(function(){ SP.UI.ModalDialog.showModalDialog({ url: $(this).attr("src"), title: $(this).attr("…

重载jquery on方法实现click事件在移动端的快速响应

额,这个标题取的还真是挺装的... 其实我想表达的是jquery click事件如何在移动端自动转换成touchstart事件. 因为移动端click事件会比touchstart事件慢几拍移动设备某个元素上事件执行顺序是: touchstart touchmove touchend click{mousedown->mousemove->mouseup} click事件在移动设备上虽然会识别但却是最后一个执行的,所以如果不把click事件换成touchstart事件的话,就可能造成延时导致交…

关于jquery中on绑定click事件在苹果手机失效的问题

用一个div当做了一个按钮来使用. <div class="button"> <div class=" next_button button_left btn_red" style="width: 345px;"> 下一步 </div> </div> 因为是动态添加的内容,所以想要使用click事件,需要给他用on绑定一下: $(document).on("click",&quo…

jquery中on绑定click事件在苹果手机失效的问题

因为是动态添加的内容,所以想要使用click事件,需要给他用on绑定一下: $(document).on("click",".next_button",function(){ alert(); });…

关于jquery中on绑定click事件在苹果手机失效的问题(巨坑啊)

用一个div当做了一个按钮来使用. <div class="button"> <div class=" next_button button_left btn_red" style="width: 345px;"> 下一步 </div> </div> 因为是动态添加的内容,所以想要使用click事件,需要给他用on绑定一下: $(document).on("click",&…

onblur事件和click事件冲突

在js中onblur事件的优先级click事件,所以同一个元素上绑定两个事件的时候,onblur事件会冲掉click事件. 解决方案:将click事件改成mousedown事件…

JQuery不能加载click事件的问题

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <…

下拉选择的blur和click事件冲突了

当写个下拉选择框时我们希望当input失去焦点时,下拉框消失,或者当选择下拉框中的内容的同时将内容填入input并且使下拉框消失. 这时候我们会想到blur和click,单独使用的时候是没有问题的,但一旦放到一起就会发现你点击了下拉选项中的li时,直接触发了blur事件,而且对li的click事件之后的判断是否是点击li还是仅仅input失去焦点这个判断执行失败了例如 $('#productName').blur(function(){ var chooseProduct = 0; $('.p…

jquery给label绑定click事件被触发两次解决方案

首先我们看下面的代码片段(label包裹checkbox) <div class="example"><label for="chk_6" class="label-1">选项6<input class="chkbox-1" type="checkbox" id="chk_6" value="1"></label><…

jquery中on绑定click事件在苹果手机中不起作用

写一个div当做了一个按钮来使用. <div class="button"> <div class="sure"> 确定 </div> </div> 因为是动态添加的内容,所以想要使用click事件,需要给他用on绑定一下: $(document).on("click",".sure",function(){ alert("ok"); }); 这个时候,使用苹…

移动端touch拖动事件和click事件冲突问题解决

通过一个悬浮球交互功能的案例来阐述问题,以及解决办法. 实现效果类似微信里的悬浮窗效果,苹果手机的悬浮球功能效果可以点击拖动,然后吸附在窗口边缘点击悬浮球,可以跳转界面,或者更改悬浮球的形态准备移动端使用touch事件类型: touchstart当用户在触摸平面上放置了一个触点时触发 (手指放到屏幕上) touchmove当用户在触摸平面上移动触点时触发 (手指在屏幕上滑动) touchend当一个触点被用户从触摸平面上移除(抬起手指) touchcancel终止触摸事件多点触控 T…

HTML A标签 href click事件冲突

转自:https://blog.csdn.net/xinglu/article/details/45199337…

jquery中on绑定click事件在苹果手机失效问题解决（巨坑啊）

描述:用一个div写一个按钮,并给这个按钮添加一个点击事件,在安卓机器上一切正常,但是在苹果机型上会出现点击事件失效. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .redButton{ width: 50px; height: 50px; ba…

Vue--el-menu 的自动跳转功能与自己的click事件冲突

一\先看elementUI说明项目实际此时点击活导航时以 index 作为 path 进行路由跳转那么此时不要onclik事件了如果此时有在有click 就…

JQuery给元素绑定click事件多次执行的解决方法

原绑定方法: $(".subNavdiv").click(function () { ###### }); 这种方法只会在原click方法中继续添加新方法: 解决办法更改绑定方法为: $("#sdfsd").unbind("click").click(function(e){ ###### }); 在绑定新click方法前对元素所绑定的click方法解绑…

jquery 自定义click事件执行多次

用jquery绑定一个按钮click事件后,第一次点击后一切正常,第二次点击竟然执行两次,以后越来越多, 后来查看文档发现 jquery click 不是替换原有的function 而是接着添加,所以才会执行次数越来越多. 在添加之前先将按钮click 函数解绑,然后再添加. 解绑方法 $("id").unbind('click');…

jQuery中click事件多次触发解决方案

jQuery 中元素的click事件中绑定其他元素的click事件. 因为jQuery中的click事件会累计绑定,导致事件注册越来越多. 解决方案: 1.能够避开,避免把click事件绑定到其他元素的例如click,hover等事件中. 2.不能避开,使用unbind("click"),然后再bind("click").…

jquery click事件，多次执行

用jquery绑定一个按钮click事件后,第一次点击后,一切正常,第二次点击,竟然执行两次,以后越来越多, 后来查看文档发现 jquery click 不是替换原有的function 而是接着添加,所以才会执行次数越来越多. 这有就可以在添加之前先将按钮 click 函数置空,然后再添加. 解绑定方法 $("").unbind('click'); http://blog.csdn.net/ltfgood/article/details/12952485…

jquery点击click事件和blur事件冲突如何解决

最近做了一个查询小功能,input输入框输入文字后,自动列出几条查询结果,可以键盘上下键或鼠标进行查询结果选择,并且点击输入框其他地方要隐藏这个列出的结果. 但比较头疼的是input上添加blur事件和查询提示结果click事件发生冲突,点击查询结果时,会首先触发input的blur事件,导致将查询提示结果隐藏选择不了, 解决办法: 给blur失去焦点事件添加延迟事件,让blur事件在click事件后执行. $(".query_tools").blur(function(event){…

JQuery框架2.位置属性|筛选方法|事件

1.位置属性 jquery的css position获取匹配元素相对父元素的偏移位置:offset获取匹配元素在当前视口的相对偏移,返回的对象包含两个整型属性:top 和 left $("p").offset() $('div').offset().top $("p").offset().left scrollTop获取匹配元素相对滚动条顶部的偏移文档被卷起的像素值:scrollLeft获取匹配元素相对滚动条左侧的偏移,文档被卷起的像素值: //获取匹配元素相对滚…

jQuery-介绍加载选择器样式操作属性操作绑定click事件

jQuery - 介绍加载选择器样式操作属性操作绑定click事件注意:以下部分问题不能实现效果,因该是单词拼写错误(少个t)或者没有加引号(“swing”)... jquery介绍 jQuery是目前使用最广泛的javascript函数库.据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库.微软公司甚至把jQuery作为他们的官方库. jQuery的版本分为1.x系列和2.x.3.x系列,1.x系列兼容低版本的浏览器,2.x.3.x系列放弃支持低版本浏览器…

JQuery实现click事件绑定与触发方法分析

原生JS通过什么方法绑定click事件? 原生js有一下三种方法为DOM对象绑定click事件, 第一种,在html中添加 onclick属性,在此属性中添加要绑定的事件函数,如下, 这种方法为html处理事件的原始方法,使得html和js过分耦合, 即表现层代码和行为层代码耦合: <html> <head> <script src="./jquery.js"></script> </head> <body>…

asp.net中ScriptManager自带Ajax与jQuery事件冲突

问题引诉:最近在使用asp.net自带的无刷新提交ScriptManager时,发现一个问题,就是和我自己用jQuery写的一些事件函数和局部刷新相冲突.通过在网上收索,发现很多人都遇到这个同样的问题.最终还是找到的解决的办法,在此我想将其解决的办法分享出来供大家参考. 问题解决办法: 方法1.两者实现都能够实现页面的无刷新效果,所以可以保留其中的一种即可: 方法2.如果必须要两者混合应用,那么在用jQuery绑定事件是就要注意一些了我们平时在jQuery中绑定事件最常用的方式有以下三种:以c…

解决jQuery中dbclick事件触发两次click事件

首先感谢这位小哥!http://qubernet.blog.163.com/blog/static/1779472842011101505853216/ 太长姿势了. 在jQuery事件绑定中,dbclick可以触发两次click事件.例如一个DOM元素div,既绑定了 click 事件,又绑定了 dblclick 事件,这两个事件分别要做独立的事情.事件处理上没有冲突,都可以各自完成各自的操作.双击的时候虽然是执行了 dblclick 事件,但是在这之前,也执行了click 事件,那么,如何来…