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问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js批量添加事件监听,用于处理tab标签选中的一个示例
之前每次网上找的好看的控件都不知道如何切换标签,因为通常提供的都是html,需要自己写js,无从下手,本次通过自己的理解学会了一个tab页面的激活与取消(简单的方法,以前的方法很笨拙),通过js遍历添加事件监听的方式,无论你有多少个tab页面都无需修改js了,自动适应。 例子是使用了SUI的一个工具栏,提供了3个按钮,自己给了3个tab content与之一一对应,通过点击工具栏的按钮实现工具栏...
a标签绑定点击事件
a标签既可以跳转,也可以绑定点击事件,可以将href设为javascript:void(0) 其中javascript表示伪协议,void(0)表示不执行动作,实际上就是不跳转的意思 然后给a像普通标签一样绑定事件监听函数即可 测试代码如下:testLoad.html (顺便测试了一下jquery里面的load函数) testLoad $(function(){
给用js动态创建的标签添加事件
不知道大家有没有发现,我们用js动态添加的标签,普通情况就是这样用$("#div").click(function(){}), 但是当我们通过后台返回的参数的时候绑定事件就会失效,后来摸索到了一种方法也是用jqury,代码如下: $(document).on("click","div",function(){ alert("taped") } 就是用事件监听的方法才能绑定事件。
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
让 select 的 option 标签支持事件监听(如复制操作)
这标题,让option支持事件监听,应该不难的呀,有什么好讲的? 其实还是有的,默认在浏览器代码是无法直接对option标签进行操作的,不仅包括JS事件监听,还是CSS样式设置 查了一些资料,姑且认为它是系统OS级别处理的   想自定义option的样式,很多人会建议用   标签来辅助同步操作与值 想对option进行事件监听,有一个tip:当给select显示设置了size 属
iframe监听鼠标点击事件
iframe监听鼠标点击事件需要实现的页面逻辑是: 1. 点击父窗体中按钮,显示侧边栏; 2. 点击页面其他区域(iframe)可以隐藏侧边栏先构造页面文档结构:<html> <body> <aside id="sidebar"> <%--这是需要隐藏的侧边栏--%> </aside> <button><%--点击按
className相同的多个元素分别设置监听事件(原生JS实现)
JS使用for循环动态生成多个div,HTML大概是这样: &amp;lt;div class='title'&amp;gt; y &amp;lt;/div&amp;gt; &amp;lt;div class='title'&amp;gt; i &amp;lt;/div&amp;gt; &amp;lt;div class='title'&amp;gt; x &amp;lt;/div&amp;gt; &amp;lt;div class='title'&amp;gt; z &amp;lt;/div&amp;gt
cocos2d-JS 点击事件侦听
initListen: function(){ var that = this var listener = cc.EventListener.create({ event: cc.EventListener.TOUCH_ONE_BY_ONE, swallowTouches: true, onT
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...
HTML JavaScript,给某个标签设置onclick事件,获取这个被点击的标签的id
具体方法为 onclick=“fun(this.id)” 传入id到方法里 function fun(id){ //这里面可以直接引用id了,比如var myid=id; }
关于label标签自身点击事件触发的影响和使用方式
label标签引起的双重事件
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判断鼠标单击或者双击事件
单击事件是指鼠标发生一次点击事件,经历了onmousedown,onmouseup,onclick的过程;双击事件是指鼠标连续在同一位置连续点击两次,经历了onmousedown,onmouseup,onclick,onmousedown,onmouseup,onclick,ondblclick的过程
监听动态添加元素的点击事件
&amp;lt;div class=&quot;member-list&quot;&amp;gt;&amp;lt;/div&amp;gt;js:var ht=&quot;&quot;;    for(var i=1;i&amp;lt;6;i++){          ht+='&amp;lt;div data-adcd=&quot;0'+i+'&quot;&amp;gt;&amp;lt;button class=&quot;town&quot;&amp;gt;点击&amp;lt;/button&amp;gt
input 标签的监听事件
1.onfocus  当input 获取到焦点时触发2.onblur  当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候会触发相应的js3.onchange 当input失去焦点并且它的value值发生变化时触发4.onkeydown 在 input中有键按住的时候执行一些代码5.onkeyup 在input中有键抬起的时候触发的事件,在此事件触发之前一定触发了...
jquery+javascript触发a标签的点击事件
在Jquery里触发click事件是$.click()就可以触发标签的点击事件,但是该事件去a标签没用 于是尝试了原生态的document.getElementById("bt").onclick();
WKWebview与JavaScript 交互(二)监听远程网页点击事件
引言 监听网页的按钮的点击事件,并且网页不是我们招呼一声对方就能改的。那么继续。 正文 1.WKUserScript 先介绍WebKit框架一个类WKUserScript: 核心方法,传入JS代码字符串,返回给我们一个WKUserScript对象。 /*! @abstract Returns an initialized user script that can b...
使用<a>标签绑定事件
使用<a>标签绑定事件 转自:http://www.360doc.com/content/14/0220/13/13147830_354185803.shtml我们常用的在a标签中有点击事件:1. a href=”javascript:js_method();”这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅
js 及jq 点击别的标签触发 a 标签点击事件
今天写代码时,遇到要通过点击别的按钮触发 a 标签的点击事件问题,花了点时间才解决,记录一下 用js 实现:  只需在触发事件中直接加入下列代码即可,其中ID即为a 标签的ID        document.getElementById("ID").click() 用jq实现时; 可在a 标签中加入一个span标签或其他标签: 然后在触发事件中加入如下代码即可:
关于点击click事件以及事件绑定的方式
Javascript简单地为一个标签绑定事件写法(不单针对button标签):<button onclick="click_fn()">click</button> <script> function click_fn(){ console.log(this); } </script>另一种是用DOM Document对象来绑定事件: (注:这
IOS OC获取jS中的点击事件方法
IOS  OC获取jS中的点击事件方法 1.  获取JS上下文环境 _jsContext = [_ljWebView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"]; 2. 获取JS中对象的实例(此处对象为tfbody,它有个实例方法jumpTo:(NSString *)l
JavaScript获取video的暂停、播放事件,并切换清晰度
原文地址:http://blog.csdn.net/take_dream_as_horse/article/details/53422397 1、video是H5新增的视频标签,在项目上用的最多的功能就是: (1)暂停的时候显示广告图片(图片有跳转链接) (2)切换清晰度后,视频按切换前播放时间继续自动播放(或者暂停播放) 2、需要准备的资源(两段视频、一段
Javascript(jQuery)中绑定页面上所有按钮点击事件的几种方式
方法一:使用document对象查找所有的按钮 //按照dom的方式添加事件处理 function BindByDom() { try{ var htmlBtns = document.getElementsByTagName('button');//获取HTMLCollection对象集合
JS监听div标签内容
&amp;lt;div id=&quot;demo&quot;&amp;gt;&amp;lt;/div&amp;gt; $('#demo').on('DOMNodeInserted', function () { var demo = $('#demo').text(); console.log(demo); }); http://www.jnshu.com/login/1/17884272
对表格的td标签执行点击事件
对于表格中的td如何执行事件 html:<table id="example" > <thead> <tr> <th>编号</th> <th>名称</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>电脑</td> <td> <button id='delete' type='button'>删除</button>
JQuery实现动态添加的标签元素的点击事件
这里所说的动态添加的元素的意思是:用js添加的标签元素 先说一下我遇到的问题: 想对一些数据实现分页,就自己写一个分页功能。用的是bootstrap的分页,在页面获取数据列表后,计算出需要分多少页展示,然后用js生成多个页码(是叫页码吗?)。生成后,点击某个页码跳到相应的页,这时肯定要有点击事件。问题来了,没有点击事件。(最初一脸黑人问号)   这是因为在注册click后,再用...
JS获取button元素实现点击事件
要实现将文本框中的内容通过点击创建按钮把内容显示在下面,代码如下在这个代码中,如果想获取button标签的话就应var oBtn=document.getElementsByTagName('button')[0];不然效果不能出来,...
监听tab点击事件,获取点击tab的第几个按钮
监听tab点击事件,获取点击tab的第几个按钮
HTML5中video元素事件详解
事 件的处理方式 在利用video元素或audio元素读取或播放媒体数据的时候,会触发一系的事件,如果使用JavaScript脚本来捕捉这些事件,就可以对这些事件进行处理了。对这些事件的捕捉及处理,可以按两种方式来进行。 第一种是监听的方式,使用video元素或audio元素的addEventListener方法来对事件的发生进行监听,该方法的定义如下所示。 videoEleme
js动态创建的元素添加监听事件
js事件监听
微信小程序学习之路 在html中绑定点击事件
1.在html标签中绑定tap事件 button bindtap="createMember">微信建档button>1 2.在对应的js中写点击事件要做的事情 createMember:function(e){ const a = parseInt(Math.random() * 10) this.setData({
JS打印页面绑定事件和点击事件
JavaScript打印页面绑定事件和点击事件 JS打印页面绑定事件和点击事件
jquery同一标签绑定多个事件的几种方式 && js实时监听input中值变化
jquery同一标签绑定多个事件的几种方式 ①$(document).ready(function(){ $("button").bind({ click:function(){$("p").slideToggle()}, mouseover:function(){$("body").css("background-color","red");}, ...
js中input,span,p等标签内容改变的触发事件
js中input标签内容改变的触发事件       web前端中经常需要获取input标签value值变化的事件。下面几个事件可以满足这个需求。     1. onchange事件与onpropertychange事件的区别:   onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发;onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js...
HTML5 audio元素如何使用js与jquery控制其事件
定义和用法 标签定义声音,比如音乐或其他音频流。 示例代码: audio src="someaudio.wav"> 您的浏览器不支持 audio 标签。 audio> 提示和注释 提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。 属性 属性 值 描述 autoplay autoplay 如果出现该属性,则音
javaScript的点击事件的写法
参考:https://blog.csdn.net/h5css3_linhuai/article/details/56011582 1.使用DOM的事件方法 了解DOM其他事件可到:http://www.runoob.com/jsref/dom-obj-event.html &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;...
OC 监听 Hbuilder 的 点击事件
JS端处理:$(&quot;#back&quot;).click(function(){var notifyCenter = plus.ios.importClass(“NSNotificationCenter”);notifyCenter.defaultCenter().postNotificationNameobject(“SendNotifyFromHbuilder”,”information”);});OC端...
获取radio点击事件
获取radio点击事件,不能用click(),而是用change().$('input:radio[name="options"]').change(function(){ alert(0); });
jquery多个标签绑定同一个事件
$("#div1,#divN,xxxxxxx").click(function(){ });
angularjs 点击事件获取 点击对象
{{y}} 比如 上面demo要到达的效果是 1. 鼠标悬停 字变橙色 2. 鼠标离开 字 变黑色 3 点击 字 发生跳转 js 代码 $($event.target).text().toString() $scope.areaId= $($event.target).attr("name"); $($event.target).css("color","#EC7600");
文章热词 设计制作学习 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 机器学习大数据标签 js游戏开发视频