js中给元素绑定点击事件怎么传参

js动态绑定click事件时function传参问题

今天碰到了这样一个问题,我在javascript中动态创建了一个button, 然后我想给改button添加click事件,绑定的function想要传入一个变量参数, 一开始我想直接通过函数传参传进来,然而不知道为什么,click事件无法正常响应, 最后发现可以这么做,将需要传入的参数加入button的属性中,然后通过getAttribute()获得: function add_book_panel(infor){ //在这个函数中进行DOM元素操作,需要传入参数infor - var but

(转载)js(jquery)的on绑定点击事件执行两次的解决办法

js(jquery)的on绑定点击事件执行两次的解决办法—不是事件绑定而是事件冒泡遇到的问题:jquery中用.on()给页面中新加的元素添加点击事件时,点击事件源,绑定的事件执行两次,这里的alert会执行两次,相应地数组删除也执行两次,具体代码如下(其中.tabDel是页面加载之后新生成的元素,故不能用普通的$(‘.tabDel).click(function(){})的方法添加点击事件): $('.right').on('click','.tabDel',function(){//删除所

Angularjs 中使用指令绑定点击事件

项目中,模板中的菜单是jQuery控制的,在Angularjs中就运行不到了,因为菜单项是ng-repeat之后的. 如html <ul id="main-menu"> <li class=""> <a href="javascript:;">Menu1</a> <ul class="sub-menu"> <li ><a href="jav

Angularjs 1 中使用指令绑定点击事件

项目中,模板中的菜单是jQuery控制的,在Angularjs中就运行不到了,因为菜单项是ng-repeat之后的. 如html <ul id="main-menu"> <li class=""> <a href="javascript:;">Menu1</a> <ul class="sub-menu"> <li ><a href="jav

通过JS控制各种元素的点击事件的【时间间隔】，特别适合【发表评论】功能

1.使用情景模拟:下单(防止用户无脑狂点).支付(防止用户无脑点击支付).发表评论(防止用户无脑点击),当然如果你用了一个提示框进行屏蔽,下面代码可以无视了,右上角谢谢. 2.默写情景比如:比如发表评论页面,你不希望使用提醒框来增加用户发表步骤的复杂性,那么可以参考下面通过时间间隔控制[提交]按钮的时间间隔有效性,来解决这个问题. 3.效果图:下图1是还没点击发送,图2是点击了发送,服务器需要时间处理,没处理完成之前用户再次点击[发送中],是不会触发[发送]事件的,从而控制了[用户无脑点击]产生

Iphone上对于动态生成的html元素绑定点击事件$(document).click()失效解决办法

在Iphone上,新生成的DOM元素不支持$(document).click的绑定方法,该怎么办呢? 百度了N久都没找到解决办法,在快要走投无路之时,试了试Google,我去,还真找到了,歪国人就是牛逼,原帖地址:http://stackoverflow.com/questions/3705937/document-click-not-working-correctly-on-iphone-jquery 大概意思是,如果要用$(document).click()来绑定新生成的DOM元素,必须给此

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

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

jQuery绑定动态元素的点击事件无效

之前就一直受这个问题的困扰,在写ajax加载数据的时候发现,后面追加进来的demo节点元素,失去了之前的点击事件.为什么点击事件失效,我们该怎么去解决呢?那么,我们通过下面的示例简单说明. 示例如下: <div> <ul id="demo"> <li>Kubernetes:下一代分布式系统的护戒使者</li> <li>机器学习工具--Pandas cheat sheet</li> <li>Android

Js为Dom元素绑定事件须知

为异步加载的Dom 元素绑定事件必须在加载完成之后绑定: $('body').load('LearnClickBinding.ashx');$('a').click(function () { alert('I was clicked!'); }); 上面的绑定是无效的,因为异步加载需要时间,而在获取元素之前,早已执行了$('a').click();方法,所以绑定失败. 正确的做法是,等待元素加载完后再执行 $('a').click(); $('body').load('LearnClickBi

一个DOM元素绑定多个事件时，先执行冒泡还是捕获

绑定在被点击元素的事件是按照代码顺序发生,其他元素通过冒泡或者捕获“感知”的事件,按照W3C的标准,先发生捕获事件,后发生冒泡事件.所有事件的顺序是:其他元素捕获阶段事件 -> 本元素代码顺序事件 -> 其他元素冒泡阶段事件 . 一个DOM元素绑定两个事件,一个冒泡,一个捕获,则事件会执行多少次,执行顺序如何. 首先来了解一下冒泡和捕获是怎么回事: 1.冒泡冒泡是从下向上,DOM元素绑定的事件被触发时,此时该元素为目标元素,目标元素执行后,它的的祖元素绑定的事件会向上顺序执行.如下代码所示,

js中的前绑定和后绑定详解

这篇文章详细介绍了js中的前绑定和后绑定,有需要的朋友可以参考一下其主要意思就是看我有没有用过前绑定,即Dom树中的某些元素在还没有创建出来时,就指定该类型的元素一出生就应该拥有的某些事件.在实际开发过程中经常会涉及到前绑定和后绑定.顾名思义,前绑定——还未出生即绑定了某些事件,后绑定——出生后才会绑定的某些事件.下面,通过一个简单的例子进行阐述,以供大家参考,并对各个方法进行比较:页面元素: <div id="main"> <a href="#"

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

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

html如何点击子元素事件而不触发父元素的点击事件——阻止冒泡

如果子元素和父元素都有点击事件,会出现点击事件冒泡的情况. 1.如何避免冒泡: html: <html> <head></head> <body> <div class="title login" style="color: #fff;font-size: 14px" id="personalInfo"> 你好, <span style="color:#fff;font-

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

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

jquery:为动态加载的元素添加点击事件

jquery:为动态加载的元素添加点击事件最近在做项目的时候遇到了这样一个问题,给用ajax动态加载出来的内容添加点击事件,但是怎么都触发不了,经过查询试验总结出正确的写法在jquery1.7之前的版本中用的是live()方法,但是live()方法在1.7中已经不建议使用,1.9中删除了这个方法 live()方法适用于匹配选择器的当前及未来的元素(例如有脚本创建的新元素) 重点是自jquery1.7版本起,on()方法是bind().live().delegate()方法的新的替代品 on(

jq给同一元素绑定多个事件

$(".aa").on("click",function(){ alert(1) }).on("mousemove",function(){ console.log(1); }); $(".aa").on({click:function(){ alert(1) },mousemove:function(){ console.log(2); }}) 如果需要传参数,除定义全局变量,在方法中直接使用全局变量外,还可使用以下方法 $

jquery为动态添加元素绑定点击事件

on()方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素) $("#mainbody").on("click",".link",function(){ }); on前面的这个#mainbody一定要是html中存在的,静态的,否则点击事件触发不了 ".link"是动态加载出来的内容,它的class=".link" on方法在什么条件下都是成立的用jquery:为动态加载的元素添加点击事

点击DIV触发其他元素的点击事件(案例：点击type="radio" 的input 标签外层DIV，触发内部单选点击选中事件)

方法一: 直接用找到对应dom元素调用.click()方法 $('.user_content').click(function(){ $(this).children()[0].click(); //Dom元素执行点击事件 //或者Dom元素执行点击事件$(this).children('input[type="radio"]')[0].click(); } 方法二: 参考:https://blog.csdn.net/qq_37000055/article/details/101562

iOS开发小技巧 - label中的文字添加点击事件

Label中的文字添加点击事件 GitHub地址:https://github.com/lyb5834/YBAttributeTextTapAction 以前老师讲过类似的功能,自己懒得回头看了,找了很多第三方的,感觉这个小巧便利,作者只是扩展了分类,实现起来代码也少.先来个效果图自己的项目,直接上代码 - (void)setTopicModel:(CYQTopicModel *)topicModel { _topicModel = topicModel; NSArray *likeArr =

如何禁用事件的浮升（div的子元素的点击事件会触发父元素的点击事件）

<div onclick="alert();"> <div onclick="alert();"></div> </div> 上面给一个很简单的例子,当点击第二个div的时候,会同时触发此div与其父元素的点击事件,按照官方的说法,这是事件的浮升,那么要怎么阻止这种情况呢? 可以使用 event.cancelBubble=true; 代码如下: <div onclick="alert();"&

android中的4种点击事件

四种点击事件 (1)采用内部类的方式去实现OnClickListener (2)匿名内部类 (3)当前类imp OnClickListener (4)onclick 1.设置按钮的单击事件的监听器,创建匿名内部类 bt_call.setOnClickListener(new OnClickListener() { @Override public void onClick(Vie

js中给元素绑定点击事件怎么传参

热门专题