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问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
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") } 就是用事件监听的方法才能绑定事件。
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
获取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中的节点是在整个文档加载后才添
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实现监听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...
前端----通过js给相同class的元素添加事件
写网页时我们可能一组元素增加一个相同的事件, 比如下图的下拉菜单中每项都有一个鼠标悬停事件和鼠标悬出事件(onmouseover和onmouseout事件) 不会的同学可以看看介绍这两个事件的一个小实例博客 https://blog.csdn.net/q5706503/article/details/82843997 效果很简单, 鼠标指到选项时背景色变成灰色,悬出时背景色再变白, ...
js批量添加事件监听,用于处理tab标签选中的一个示例
之前每次网上找的好看的控件都不知道如何切换标签,因为通常提供的都是html,需要自己写js,无从下手,本次通过自己的理解学会了一个tab页面的激活与取消(简单的方法,以前的方法很笨拙),通过js遍历添加事件监听的方式,无论你有多少个tab页面都无需修改js了,自动适应。 例子是使用了SUI的一个工具栏,提供了3个按钮,自己给了3个tab content与之一一对应,通过点击工具栏的按钮实现工具栏...
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 与dojo的事件的绑定的方法
dojo绑定事件的方法: 1.on(obj,evtType,callback);//该方法绑定事件后,不能移除事件 2.dojo.connect(obj,evtType,callback)或者connect.connect(obj,evtType,callback);//绑定事件后,可以移除实际爱你 移除事件:dojo.connect(handle)或者connect.connect(han
通过js动态为标签元素添加点击事件
最近遇到了,就研究了下,总结了下: 我所知道的有如下几种方式: var submitSpan = document.getElementById("submitSpan"); 第一种 submitSpan.onclick = function () { phoneLogin();
关于点击click事件以及事件绑定的方式
Javascript简单地为一个标签绑定事件写法(不单针对button标签):<button onclick="click_fn()">click</button> <script> function click_fn(){ console.log(this); } </script>另一种是用DOM Document对象来绑定事件: (注:这
js中input,span,p等标签内容改变的触发事件
js中input标签内容改变的触发事件       web前端中经常需要获取input标签value值变化的事件。下面几个事件可以满足这个需求。     1. onchange事件与onpropertychange事件的区别:   onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发;onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js...
js移除元素所有click绑定事件
使用unbind方法移除某个元素身上的某些绑定事件,这里的id为jiesuan元素的click事件将会被移除,点击后原效果会移除。
HTML5中video元素事件详解
事 件的处理方式 在利用video元素或audio元素读取或播放媒体数据的时候,会触发一系的事件,如果使用JavaScript脚本来捕捉这些事件,就可以对这些事件进行处理了。对这些事件的捕捉及处理,可以按两种方式来进行。 第一种是监听的方式,使用video元素或audio元素的addEventListener方法来对事件的发生进行监听,该方法的定义如下所示。 videoEleme
cocos2d-JS 点击事件侦听
initListen: function(){ var that = this var listener = cc.EventListener.create({ event: cc.EventListener.TOUCH_ONE_BY_ONE, swallowTouches: true, onT
遍历标签同时添加点击事件
html     首页 上一页 1 2 3 4 5 6 7 8 9 10 ... 下一页 js // 添加翻页绑定事件  给li 绑定点击事件             $('#page li ').click(function () {                                var n = this.childre
让 select 的 option 标签支持事件监听(如复制操作)
这标题,让option支持事件监听,应该不难的呀,有什么好讲的? 其实还是有的,默认在浏览器代码是无法直接对option标签进行操作的,不仅包括JS事件监听,还是CSS样式设置 查了一些资料,姑且认为它是系统OS级别处理的   想自定义option的样式,很多人会建议用   标签来辅助同步操作与值 想对option进行事件监听,有一个tip:当给select显示设置了size 属
JS获取button元素实现点击事件
要实现将文本框中的内容通过点击创建按钮把内容显示在下面,代码如下在这个代码中,如果想获取button标签的话就应var oBtn=document.getElementsByTagName('button')[0];不然效果不能出来,...
WebView实现JS效果和a标签点击事件
WebView实现JS效果和a标签点击事件,案例包含四个点击事件,出现信息提示。
jquery+javascript触发a标签的点击事件
在Jquery里触发click事件是$.click()就可以触发标签的点击事件,但是该事件去a标签没用 于是尝试了原生态的document.getElementById("bt").onclick();
HTML JavaScript,给某个标签设置onclick事件,获取这个被点击的标签的id
具体方法为 onclick=“fun(this.id)” 传入id到方法里 function fun(id){ //这里面可以直接引用id了,比如var myid=id; }
iframe监听鼠标点击事件
iframe监听鼠标点击事件需要实现的页面逻辑是: 1. 点击父窗体中按钮,显示侧边栏; 2. 点击页面其他区域(iframe)可以隐藏侧边栏先构造页面文档结构:<html> <body> <aside id="sidebar"> <%--这是需要隐藏的侧边栏--%> </aside> <button><%--点击按
给html的<a>标签添加点击事件
我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javasc
点击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=
JQuery实现动态添加的标签元素的点击事件
这里所说的动态添加的元素的意思是:用js添加的标签元素 先说一下我遇到的问题: 想对一些数据实现分页,就自己写一个分页功能。用的是bootstrap的分页,在页面获取数据列表后,计算出需要分多少页展示,然后用js生成多个页码(是叫页码吗?)。生成后,点击某个页码跳到相应的页,这时肯定要有点击事件。问题来了,没有点击事件。(最初一脸黑人问号)   这是因为在注册click后,再用...
innerHTML里面的标签绑定事件
我们想要给innerHTML里的标签绑定事件的话,我想到的办法就是利用事件委托的方法,事件监听器会分析从子元素冒泡上来的事件,找到是哪个子元素的事件。 首先是我们要获得innerHTML里面的内容或者是给父元素绑定事件。 在下面的例子中比如 innerHTML中有一个img标签当我们点击img时console出他的属性       (click)="bigPic(msg.co
页面拥有相同标签时并且都有点击事件如何获取当前获取点击的index
当一个页面拥有样式相同的控件并且都绑定了点击事件,如何获取当前点击的下标? 最初想法: let showall = $('.showall') for (var i = 0; i &amp;lt; showall.length; i++) { $(showall[i]).click(function () { alert(i...
js给网页中所有p元素添加onclick事件
var p=document.getElementsByTagName("p");     alert(p.length);      for(var i=0;i      {       p[i].onclick=function(){       alert("")       }      }
js:单选框选择触发事件
function sele(){ if(document.getElementById("agreement").checked==false) //判断单选框此时状态为未选agreement为单选框id { document.getElementById("button_disabled").style.dis
js追加html,如何添加点击事件
$(&quot;#product&quot;).on(&quot;click&quot;, &quot;.items&quot;, function () { $.app.product.displayProduct($(this).attr(&quot;id&quot;)); })父元素 &quot;#product&quot;子元素.items子元素通过父元素追加在页面的
关于mui中标签点击事件绑定, 小范围点击才有效
关于mui中标签点击事件绑定, 小范围点击才有效, 否则无效
JS打印页面绑定事件和点击事件
JavaScript打印页面绑定事件和点击事件 JS打印页面绑定事件和点击事件
HTML5 audio元素如何使用js与jquery控制其事件
定义和用法 标签定义声音,比如音乐或其他音频流。 示例代码: audio src="someaudio.wav"> 您的浏览器不支持 audio 标签。 audio> 提示和注释 提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。 属性 属性 值 描述 autoplay autoplay 如果出现该属性,则音
js给列表添加点击事件,返回相应内容
面试题之“给列表添加点击事件,使其显示相应的内容” 方法一: var lis = document.getElementsByTagName(&quot;li&quot;); for(var i = 0; i&amp;lt;itemli.length; i++){ lis[i].index = i; //给每个li定义一个属性索引值,赋 lis[i].onclick = f...
js屏蔽父元素的事件响应
js屏蔽父元素的事件响应 源码示例: Simple html page $(document).ready(function(){ //div注册click事件 $("#container").click(function(){ alert("This is container"); }); //按钮注册click事件 $(
浏览器标签tab窗口切换时事件状态侦听
<script> document.addEventListener('visibilitychange',function(){ //浏览器切换事件 if(document.visibilityState=='hidden') { //状态判断 //normal_title=document.title; document.title = '标题二';
学习笔记:javascript body常用事件
Window 事件属性 针对 window 对象触发的事件(应用到 标签): 属性值描述 onafterprint script 文档打印之后运行的脚本。 onbeforeprint script 文档打印之前运行的脚本。 onbeforeunload script 文档卸载之前运行的脚本。 onerror script 在错误发生时运行的脚本。 onhaschange s
html如何点击子元素事件而不触发父元素的点击事件
html如何点击子元素事件而不触发父元素的点击事件
文章热词 Ext JS js ipfs安装 Ext JS培训 Ext JS视频教程 js ipfs上传数据
相关热词 android js的点击事件失效 c# js调用点击事件 c++ 点击事件怎么写 小学生学习js和python6 学python要js基础教程