js怎么监听一类标签的点击事件

我现在需要js监听页面有同一个属性的a标签
比如页面有一部分a标签我自定义了一个属性

<a datatype="a1"></a>

我现在要监听所有被我标记了datatype="a1"的a标签,一旦点击执行某个js函数,没标记的点击不执行。
能不能实现,谢谢!

0

2个回答

$(document).on("click", "a[datatype='a1']", function(event){

});

0

$(document).on("click", "a[datatype='a1']", function(event){

});

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的。是时候展现真正的技术了!
其他相关推荐
jquery同一标签绑定多个事件的几种方式 && js实时监听input中值变化
jquery同一标签绑定多个事件的几种方式 ①$(document).ready(function(){ $("button").bind({ click:function(){$("p").slideToggle()}, mouseover:function(){$("body").css("background-color","red");},
给用js动态创建的标签添加事件
不知道大家有没有发现,我们用js动态添加的标签,普通情况就是这样用$("#div").click(function(){}), 但是当我们通过后台返回的参数的时候绑定事件就会失效,后来摸索到了一种方法也是用jqury,代码如下: $(document).on("click","div",function(){ alert("taped") } 就是用事件监听的方法才能绑定事件。
js给网页中所有p元素添加onclick事件
var p=document.getElementsByTagName("p");     alert(p.length);      for(var i=0;i      {       p[i].onclick=function(){       alert("")       }      }
a标签绑定点击事件
a标签既可以跳转,也可以绑定点击事件,可以将href设为javascript:void(0) 其中javascript表示伪协议,void(0)表示不执行动作,实际上就是不跳转的意思 然后给a像普通标签一样绑定事件监听函数即可 测试代码如下:testLoad.html (顺便测试了一下jquery里面的load函数) testLoad $(function(){
jquery+javascript触发a标签的点击事件
在Jquery里触发click事件是$.click()就可以触发标签的点击事件,但是该事件去a标签没用 于是尝试了原生态的document.getElementById("bt").onclick();
获取js中动态append某标签的点击事件
1问题:js的append动态添加节点,添加后节点中的点击点击时无效2.比如在success中 $(&quot;.show&quot;).append(&quot;&amp;lt;a href=&quot;&quot;&amp;gt;单击我下载&amp;lt;/a&amp;gt;&quot;); $(&quot;.show a&quot;).click(function(){     alert(33333); }); //这里的单击无效 没有打出33333,是因为append中的节点是在整个文档加载后才添
如何监控iframe里面页面的点击事件
根据浏览器同源策略,如果iframe中是一个跨域的页面,那么在父页面中无法监听到iframe页面中的所有行为。 最近在看论坛,发现了一个变通的办法——监听鼠标停留在iframe上这个动作,顺便记录下来: $('iframe').hover( function () {   alert('AD frame!');  ); 顺藤摸瓜,就发现了腾讯团队写的《iframe跨
js给li标签中的所有a标签加点击事件
javascript中 $('#sportsItem2 a').click( function() { var $this = $(this); $ids = $this.attr("id"); console.info($ids); $("#club-list").empty(); $this.addClass("on").parents().siblings() .chil
js为li列表添加点击事件
今天看到一个面试题目//html代码 <body> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </body> //js代码 var oli = document.getElementsByTagName("li"); for(var i=0; i<oli.length; i++){
js实现监听button按钮点击事件触发file点击事件
var oFile=document.getElementById('file');//button按钮input var oSong_url=document.getElementById('song_url');//file文件input oFile.addEventListener(&quot;click&quot;,fn,false); function fn(){ if(docu...
iframe监听鼠标点击事件
iframe监听鼠标点击事件需要实现的页面逻辑是: 1. 点击父窗体中按钮,显示侧边栏; 2. 点击页面其他区域(iframe)可以隐藏侧边栏先构造页面文档结构:<html> <body> <aside id="sidebar"> <%--这是需要隐藏的侧边栏--%> </aside> <button><%--点击按
通过js动态为标签元素添加点击事件
最近遇到了,就研究了下,总结了下: 我所知道的有如下几种方式: var submitSpan = document.getElementById("submitSpan"); 第一种 submitSpan.onclick = function () { phoneLogin();
js批量添加事件监听,用于处理tab标签选中的一个示例
之前每次网上找的好看的控件都不知道如何切换标签,因为通常提供的都是html,需要自己写js,无从下手,本次通过自己的理解学会了一个tab页面的激活与取消(简单的方法,以前的方法很笨拙),通过js遍历添加事件监听的方式,无论你有多少个tab页面都无需修改js了,自动适应。 例子是使用了SUI的一个工具栏,提供了3个按钮,自己给了3个tab content与之一一对应,通过点击工具栏的按钮实现工具栏...
js动态创建的元素添加监听事件
js事件监听
html js jquery 对Ul下的li标签执行点击事件——如何获取你所点击的标签
问题所来:做项目时,一般的数据都是用循环动态加载出来的,结构都是一样的,只是绑定的值不同,如何对相同的标签做处理的问题就来了。例如:点谁就显示谁的数值&amp;lt;ul id=&quot;test&quot;&amp;gt; &amp;lt;li class=&quot;test&quot;&amp;gt;1&amp;lt;/li&amp;gt; &amp;lt;li  class=&quot;test&quot;&amp;gt;2&amp;lt;/li&amp;gt;  &amp;lt;li  clas
js 及jq 点击别的标签触发 a 标签点击事件
今天写代码时,遇到要通过点击别的按钮触发 a 标签的点击事件问题,花了点时间才解决,记录一下 用js 实现:  只需在触发事件中直接加入下列代码即可,其中ID即为a 标签的ID        document.getElementById("ID").click() 用jq实现时; 可在a 标签中加入一个span标签或其他标签: 然后在触发事件中加入如下代码即可:
前端----通过js给相同class的元素添加事件
写网页时我们可能一组元素增加一个相同的事件, 比如下图的下拉菜单中每项都有一个鼠标悬停事件和鼠标悬出事件(onmouseover和onmouseout事件) 不会的同学可以看看介绍这两个事件的一个小实例博客 https://blog.csdn.net/q5706503/article/details/82843997 效果很简单, 鼠标指到选项时背景色变成灰色,悬出时背景色再变白, ...
a标签的onclick事件和href属性使用
链接的onclick 事件被先执行,其次是href属性下的动作(页面跳转,或 javascript 伪链接);假设链接中同时存在href 与onclick,如果想让href 属性下的动作不执行,onclick 必须得到一个false的返回值;如果页面过长有滚动条,且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascript:void(0);,而不要是 #,
HTML5 audio元素如何使用js与jquery控制其事件
定义和用法 标签定义声音,比如音乐或其他音频流。 示例代码: audio src="someaudio.wav"> 您的浏览器不支持 audio 标签。 audio> 提示和注释 提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。 属性 属性 值 描述 autoplay autoplay 如果出现该属性,则音
jq给动态生成的标签绑定事件的几种方法
经常遇到给动态生成的标签绑定事件不好用,自己简单测试总结了下,结论如下了: 生成a标签 $(function(){ $('#btn').bind('click', function(event) { /* 在添加标签的同时给添加的标签绑定点击事件 */ $("Hello").appendT
关于label标签自身点击事件触发的影响和使用方式
label标签引起的双重事件
给html的<a>标签添加点击事件
我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javasc
H5的Video事件,控制方法,及监听
1.标签基本属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 width:视频宽度 height:视频高度 2.html代码 //audio和video都可以通过JS获取对象,JS通过id获取video和audio的对象
关于点击click事件以及事件绑定的方式
Javascript简单地为一个标签绑定事件写法(不单针对button标签):<button onclick="click_fn()">click</button> <script> function click_fn(){ console.log(this); } </script>另一种是用DOM Document对象来绑定事件: (注:这
JQuery如何监听标签内容变化
百度出来的,jquery方式 监听div这种标签的内容变化,使用DOMNodeInserted $(".intro_selected").find("font").bind('DOMNodeInserted', function () { var aa = $(".intro_selected").find("font").html(); if(aa.length > 0)
JS点击事件实现改变对应标签背景颜色
今天同学提问的一个“JS实现的效果是点击对应的标签,起背景颜色变成红色,字体变成白色”,但是她的页面中只是字变了颜色,但是背景颜色去没有变化, 其截图如下: 经过页面的调试,发现并没有进入到循环里面,利用alert(cns.length);发现弹出的cns[]数组的长度为0个, 问题: 1、说明在document.getElementById(“nt4”).getElement...
JS获取button元素实现点击事件
要实现将文本框中的内容通过点击创建按钮把内容显示在下面,代码如下在这个代码中,如果想获取button标签的话就应var oBtn=document.getElementsByTagName('button')[0];不然效果不能出来,...
点击a标签触发点击事件后下载文件
a标签 &amp;lt;a&amp;gt;&amp;lt;/a&amp;gt; a标签下载文件 &amp;lt;a download=&quot;filename&quot; id=&quot;a_downloadPdf&quot; href=&quot;文件地址&quot;&amp;gt;点击下载&amp;lt;/a&amp;gt; 添加点击事件 &amp;lt;a download=&quot;filename&quot; id=&quot;a_downloadPdf&quot; href=
学习笔记:javascript body常用事件
Window 事件属性 针对 window 对象触发的事件(应用到 标签): 属性值描述 onafterprint script 文档打印之后运行的脚本。 onbeforeprint script 文档打印之前运行的脚本。 onbeforeunload script 文档卸载之前运行的脚本。 onerror script 在错误发生时运行的脚本。 onhaschange s
innerHTML里面的标签绑定事件
我们想要给innerHTML里的标签绑定事件的话,我想到的办法就是利用事件委托的方法,事件监听器会分析从子元素冒泡上来的事件,找到是哪个子元素的事件。 首先是我们要获得innerHTML里面的内容或者是给父元素绑定事件。 在下面的例子中比如 innerHTML中有一个img标签当我们点击img时console出他的属性       (click)="bigPic(msg.co
JQuery实现动态添加的标签元素的点击事件
这里所说的动态添加的元素的意思是:用js添加的标签元素先说一下我遇到的问题:想对一些数据实现分页,就自己写一个分页功能。用的是bootstrap的分页,在页面获取数据列表后,计算出需要分多少页展示,然后用js生成多个页码(是叫页码吗?)。生成后,点击某个页码跳到相应的页,这时肯定要有点击事件。问题来了,没有点击事件。(最初一脸黑人问号)这是因为在注册click后,再用js生成元素标签的。所以后添加...
div获取焦点响应事件失效及js事件委托机制
div获取焦点响应事件失效及js事件委托机制
html中Span标签的点击事件
今天写代码时,发现chrome不支持span标签不支持onclick事件,而firefox支持span的onclick事件
动态生成的html元素绑定click事件
第一篇博客,开启技术博客的生涯,欢迎大家批评指教(坚信妹子也可以做好程序猿) 今天想说帮公司做项目的时候遇到的一个小问题,动态添加html元素以后再去事件监听出问题。在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况。 就是上面的一张表格要动态实现添加行,然后序列号还要随着增加,当删除的时候序列号依旧是按顺序排列。 刚开始使用jQuery的on方法来解决,但是发现一个问题会出现
javascript 监听某个控件的touch滑动事件
根据设备选择实现方法,否则没有效果。 手机移动端实现: var startx, starty; //手指接触屏幕 document.getElementById('bt').addEventListener(&quot;touchstart&quot;, function(e){ startx = e.touches[0].pageX; star...
javascript中为动态生成的元素添加事件
近期在开发项目中,遇到一个问题,就是给动态生成的元素添加事件,用平常使用的方法添加不上,废话不多说,上代码: &amp;lt;div id=&quot;mydiv&quot;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;script&amp;gt; var html = &quot;&amp;lt;div class='child'&amp;gt;我是动态生成的&amp;lt;/div&amp;gt;&quot; $(&quot;#mydiv&quot;).html(ht
监听列表点击事件(打开新页面并实现页面传值)
父页: carNoList = document.getElementById('carNoList'); //监听车号列表点击事件 //function choiceCarNo(){ mui("#carNoList").on('tap', 'li', function(){ var carnochoosed = this.innerHTML.substr
javascript动态生成按钮并绑定点击事件
前一个多月公司的前端开发人员离职,公司一直在招前端,基本上每天都有几个来面试的人,就这个面试频率,也才招了一个多月才招到。绝大部分都是死在了一道上机面试提上。题目很基础,但也很考基本功,基本上才3%左右的人做出来。当时我就在想以我的半吊子前端知识挑战一下这个题目。之前一直忙着把Android项目弄上线,修改bug,一直没时间。现在国庆节放假,发了一天时间把前端又看了下,然后理所当然的就写出来了,功
为在js jquery中添加的标签添加点击事件
直接使用click事件是不起作用的,我平常使用的两种方法 1、on事件    var html1= '';    html1 +=`                     确认提交                     暂不提交          `   $('.modal-footer').append(html1);   $('div').
cocos2d-JS 点击事件侦听
initListen: function(){ var that = this var listener = cc.EventListener.create({ event: cc.EventListener.TOUCH_ONE_BY_ONE, swallowTouches: true, onT