jQuery给同一个元素两个点击事件

$(".course-form .course-start img").each(function(i) { $(this).toggle(function(){ $(this).attr("src","images/start-l.png"); $(this).prevAll().attr("src","images/start-l.png"); },function(){ $(this).attr(&q…

jquery on()动态绑定元素的的点击事件无反应的问题记录

1.jquery使用版本:v2.0 2.重现代码: html <table class="table"> <thead> <tr> <th style="width: 5.1%;"> <div class="checkboxed checkboxAll"></div> </th> <th>ID</th> <th>姓名</t…

jquery父元素和子元素点击事件传递问题_不可把父元素的事件传递给子元素_事件无限循环传递

前述:jquery中: 当一个元素的点击事件被触发时,会自动将该事件向父级元素逐级专递. 但是实际场景当中,我们可能会遇到需要在父级元素中定义点击事件,来触发特定子元素的点击事件,我就遇到了这么一个问题. 但是这么做的后果,在jquery1.8.2版本及以后所有版本(截止目前最新版本为3.3),会出现事件来回传递的问题,最终导致无限循环. 在jquery1.2.6版本中,子元素的点击传递给父元素时,再被父元素传递回来后,事件就不会再向外扩散了,也就是低级版本jquery只会向外扩散一次,但是在…

解决jQuery ajax动态新增节点无法触发点击事件的问题

在写ajax加载数据的时候发现,后面添加进来的demo节点元素,失去了之前的点击事件.为什么点击事件失效,我们该怎么去解决呢? 其实最简单的方法就是直接在标签中写onclick="",但是这样写其实是有点low的,最好的方式还是通过给类名绑定一个click事件. 解决jQuery ajax动态新增节点无法触发事件问题的两种解决方法,为了达到更好的演示效果,假设在某个页面的body下有以下结构的代码: <ul id="demo"> <li class…

jQuery中animate动画第二次点击事件没反应

jQuery中animate动画第二次点击事件没反应用animate做点击翻页动画时发现第二次点击事件动画没反应,而第一次点击有动画效果,代码如下: 复制代码代码如下: $(".page").stop().animate({top:“-300px”}, 800, 'easeInOutExpo'); 第二次点击事件动画没反应的原因:top是page元素顶部相与其父元素顶部的距离,第一次点击后,page元素顶部已经移动到距其父元素顶部 -300px的位置,第二次点击时的并不是page在…

如何使用chrome浏览器进行js调试找出元素绑定的点击事件

大家有没有遇到这样的一个问题,我们在分析一些大型电子商务平台的Web前端脚本时,想找到一个元素绑定的点击事件,并不是那么容易,因为有些前端脚本封装的比较隐蔽,甚至有些加密脚本,用传统的查找元素ID.或者页面源码方法去找,可能最后徒劳无功.下面我来介绍利用chrome浏览器来查找元素绑定的事件. 只需要通过chrome浏览器以下三个功能就可以轻松找到绑定事件了. 1.Sources(源码)2.Event Listener Breakpoints(事件监听断点)3.Call Stack(函数调用栈)…

JS---DOM---为同一个元素绑定多个不同事件指向同一个事件处理函数

为同一个元素绑定多个不同事件指向同一个事件处理函数 1. 用了switch(e.type){} 来修改 2. break <input type="button" value="小苏" id="btn" /> <script src="common.js"></script> <script> //为同一个元素绑定多个不同的事件,指向相同的事件处理函数 my$("btn…

jquery如何判断元素是否被点击、属性操作、class操作

1.通过点击事件发生后,改变标志位的值,记录点击状态 function(){ var isClick = false; $('#test').click(function(){isClick = true;}); $('#show').click(function(){alert(isClick);}) } 2.增删class:$('#id').addClass().$('#id').removeClass() 3.获取设置元素值:$('.class').text().$('#id').html…

JQuery 动态加载 HTML 元素时绑定点击事件无效问题

问题描述假设项目中有一个列表页面,如下: 当点击列表一行数据可以显示详情页面,而详情页面的数据是根据当前行的数据作为参数,通过 ajax 请求到后台返回的数据,再根据返回的结果动态生成 html 页面,如下: 但是,在动态生成的 html 页面中绑定点击事件运行无效问题分析在动态生成的 html 页面中绑定点击事件运行无效的原因,是因为这些动态加载的 html 页面(图二),是在列表数据页面(图一)的 html 元素.css.js 代码加载完后,再添加的 html 元素. 在浏览器解析到图…

jquery datables ajax分页后的点击事件无效是怎么回事

异步请求数据后,动态向table中追加行,行点击事件失效动态加入到DOM中的对象无法继承原有的事件,所以无效,举例: // $.ajax... ajax部分省略 var tr = ""; if(data.length){ for(var i=0; i<data.length; i++){ tr = '<tr>'; tr += '<td>' + data.status == 0 ? "正常" : …

jquery+javascript触发a标签的点击事件

今天项目经理跟我说window.open()在一些浏览器上会被拦截,当时的解决方案是:用a标签的target="_blank"属性也可以打开窗体页面于是解决了A问题出现了B问题:点击按钮时候去触发a标签失败了? 这是给按钮绑定的a标签点击事件: $("#bt").click(function() { $("#a").click(); }) 在jquery中调用click事件就相当点击了按钮一样,是用程序去点击按钮,再触发事件,可是对a标签却不行…

Jquery为DIV添加点击事件,Jquery为a标签超链接添加点击事件

<div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> 为这5个DIV绑定点击事件,当点击第2个的时候弹出提示2,第4个的时候弹出提示4 <script type="text/javascript"> $(function(){ $("div").each(fun…

JQuery给一个元素绑定两次点击事件(第二次点击事件)

由于项目的要求,需要给复选框设置样式,初始样式:,第一次点击的时候显示,第二次点击时候需要改变该样式:. 设计思路: 当点击次数为奇数时显示带有颜色的图片当点击次数为偶数时显示没有颜色的图片下边是我封装的一个函数;…

jquery如何判断元素是否被点击_百度知道

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <div id="parent"> <a id="a1" href="javascript:void(0);">点我</a> <a id="a2" href="javascript:void(0);">点我吧</a> <input id="b1&qu…

html,js一个元素做两次不同点击事件

业务需求:一个按钮,第一次点击,修改页面内容,第二次点击,提交修改. 刚开始,我绑定了第一个click事件,用于让右边的内容可编辑.如:$('#id').click(function(){...}); 我在第一个click的执行函数中,我重写一遍click覆盖第一个click事件.如:$('#id').click(function(){$(this).click(function(){...});}); 版权声明:本文为博主原创文章,未经博主允许不得转载.…

Jquery 给Js动态新添加的元素绑定的点击事件

//one $('.class').on("click",function(){ alert('one') }); //相当于$('.class').bind("click",function(){……}); //two $(document).on("click",'.class',function(){ alert('two'); }); //相当于$('.class').live("click",function(){……

jquery添加未来元素时，其绑定事件不起作用解决办法

delegate说起对未来元素是其作用的,于是写下代码: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=devi…

label 两次点击事件冒泡使用时间戳的解决方案

情况描述:在页面中input 和 label 通过for banding 然后点击input 或者label的时候都要执行一个方法但是在点击label的时候有两次执行两次的情况,及监听到的click---事件冒泡. 解决方案:1:不用label 2:解决它这里提供一种时间戳的解决方案页面HTML: <span onclick="checkremark(this)"> <input type="checkbox" id="chec…

[Vuejs] 点击单选框触发两次点击事件的处理

<el-radio-group v-model="uploadStatus" class="upload-status-radio"> <el-radio label="0" class="green" @click.native="clickRadio($event, 0)">成功</el-radio> <el-radio label="1"…

jquery移除元素时会自动解绑事件

.html() When .html() is used to set an element's content, any content that was in that element is completely replaced by the new content. Additionally, jQuery removes other constructs such as data and event handlers from child elements before replaci…

juery下拉刷新，div加载更多元素并添加点击事件(二)

buffer.append("<div class='col-xs-3 "+companyId+"' style='padding-left: 10px; padding-right: 10px;'>"); buffer.append("<img src='<c:url value='../../"+data[j].companyImg+"'/>' style='width: 100%;height: 10…

jquery嵌套后会触发2次点击事件, jquery的unbind就是卸载这个点击事件的.

$("#diva").click(function(){ $("#divb").unbind("click").click(function(){ alert("www.lao8.org 提供代码."); }); });…

JS 点击事件学习总结

废话篇: 在我们编写无论什么网页内容的时候我们总是或多或少的要接触到点击事件这一范畴的,写过几个简短的demo和网页之后,感觉自己对电机事件一类的东西了解也更为的清楚了,之前写过很多零零散散的东西现在整理一下,方便之后的阅读和复习. 正文片: 1.PC上的点击事件. PC端用户通过鼠标和网页进行互动操作,此时我们用鼠标一类的事件的情况会有许多.因此在PC端我们多用mouse事件或者click事件来进行相关逻辑的编写. 事件的发生依照事件六中的先后顺序来进行的,对于鼠标垫额交互事件来说,事件的先后…

通过jQuery给<li>绑定点击事件

背景:有个需求需要js中实现li标签的事件绑定,li通过在ajax请求中动态添加,按照常理,使用jQuery,可以使用以下方法绑定点击事件: $(function(){ commonAjaxCall("url", {}, {}, function(data) { if (!data) { return; } var li= '<li><span>集群</span'; $(".class").ap…

js 循环生成元素，并为元素添加click事件，结果只执行最后一个点击事件

问题描述:有一个参数集合data,for循环为每一个参数生成一个dom元素,并附加onclick事件.生成之后发现点击事件里的参数全是data集合里的最后一个. 代码如下: var dom=$('#div_id'); for(var i=0;i<data.length;i++) { var children=document.createElement("div"); children.onclick=function(){ alert(data[i]); } dom.appen…

CSS 解决z-index上层元素遮挡下层元素点击事件问题

解决z-index上层元素遮挡下层元素点击事件问题 by:授客 QQ:1033553122 开发环境 Win 10 element-ui "2.8.2" Vue 2.9.6 需求描述如下,有以下界面,其中右侧边时一个ElementUI Dialog模态对话框,希望在对话框上执行点击操作时,不会点击到被对话框遮挡的页面的按钮,同时,也希望可以点击对话框区域外的其它页面元素 html元素结构如下解决方案为被遮挡元素上层使用z-index属性的元素添加以下样式: pointer-ev…

F12找到页面某一元素所绑定的点击事件

比如我要查看银行账号这个标签所绑定的事件. 操作过程中使用的是谷歌浏览器第一步:在该元素上右键→检查第二步:点击Event Listeners 这样就能看到该元素绑定的所有事件了第三步:展开click,我们可以看到该元素所绑定点击事件的方法就在 jquery-ui-1.8.16.custom.min.js的第46行和 distribute.js的第12行第四步:分别点击进去光标停留处就是触发点击事件时执行的方法可以右键选择新窗口打开查看js文件,不过都是压缩之后的内容,看不到源代码的…

click事件的累加绑定，绑定一次点击事件，执行多次

最近做项目为一个添加按钮绑定点击事件,很简单的一个事情,于是我按照通常做法找到元素,使用jquery的on()方法为元素绑定了点击事件,点击同时发送请求.完成后看效果,第一次点击没有问题.再一次点击后发现发送了两次请求,后面再点击发现请求的数量越来越多.这时我初步判断可能是元素有多个或是多次调用了方法,但找了一遍,发现只为一个元素绑定了事件,且只调用了一次.后来通过查资料才知道是点击事件被累加绑定了!那到底什么是累加绑定呢?什么时候会发生累加绑定?累加绑定后该如何解决呢?下面我就通过这三个问题来…

jquery 动态添加的代码不能触发绑定事件

今天发现jQuery对动态添加的元素不触发事件,比如blur.click事件等参考文章证明了我的结论,并给出了原因及解决方案原因:程序找不到动态添加的节点. 解决方案:在绑定父元素后的子元素 $('父元素').on('click','动态的子元素',function(){}); 20180822:今天发现一个元素要绑定两个点击事件(一个父元素一个子元素),先后顺序不能控制于是化繁为简,在元素后面加了onclick事件,事件优先级onclick>click>on()(@参考博客).…

JS动态append之后点击事件无效

今天做项目用了append向HTML里面添加结构代码,代码添加之后,单击事件就没反应了.搞得我一脸懵逼,调了代码很久实在不行,我百度了一下才发现,append添加的节点单击事件是不会生效的. 原因: 原来append中的节点是在整个文档加载后才添加的,页面并不会为未来的元素初始化添加点击事件,所以使用这种方式动态添加的节点中的点击事件不会生效. 解决方法: 于是我只好改用事件代理来完成这次我的项目,把这次经历发在上面存一下档了,希望下次能记住. HTML代码: <main class="c…

【jQuery给同一个元素两个点击事件】的更多相关文章