精华内容
下载资源
问答
  • JavaScript如何获取当前点击对象节点

    万次阅读 2017-03-28 13:44:45
    获取当前点击对象    /*传入参数this即可获取当前点击对象*/  点我  function capture(data) {  console.log(data.id);  alert(data.id);  }

    /*传入参数this即可获取当前点击的对象*/

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>获取当前点击对象</title>
        <link rel="stylesheet" href="">
    </head>
    <body>
        /*传入参数this即可获取当前点击的对象*/
        <span  id="demo" οnclick="capture(this)">点我</span>
    </body>
    <script>
        function capture(data) {
            console.log(data.id);
            alert(data.id);
        }
    </script>
    </html>


    展开全文
  • vue.js获取当前点击对象(其实是套着vue的原生javascript吧,笑?) 转载请注明出处:http://www.cnblogs.com/meng1314-shuai/p/7455575.html 熟悉jquery的小伙伴应该都知道jquery获取当前点击对象是有多么的粗暴,...

    vue.js之获取当前点击对象(其实是套着vue的原生javascript吧,笑?)

    转载请注明出处:http://www.cnblogs.com/meng1314-shuai/p/7455575.html

    熟悉jquery的小伙伴应该都知道jquery获取当前点击对象是有多么的粗暴,直接$(dom)获取当前点击的dom元素,根据这个,几乎可以获取这个dom元素的所有属性。不过,当我们使用vue的时候呢?

    也许刚开始会有一点迷茫。唉?对啊,我用vue该怎么做到(屠龙宝刀)点击就送…哦不,点击就能获取到我点击的是哪一个元素对象呢?其实很简单,vue.js,它不照样是javascript么,我们也是可以通过点击事件来传递$event事件的。

    我们来看一下javascript文档上有关event标准属性的介绍:

    属性 描述

    bubbles 返回布尔值,指示事件是否是起泡事件类型。

    cancelable 返回布尔值,指示事件是否可拥可取消的默认动作。

    currentTarget 返回其事件监听器触发该事件的元素。

    eventPhase 返回事件传播的当前阶段。

    target 返回触发此事件的元素(事件的目标节点)。

    timeStamp 返回事件生成的日期和时间。

    type 返回当前 Event 对象表示的事件的名称。

    先来看看第三个属性:

    currentTarget:currentTarget 事件属性返回其监听器触发事件的节点,即当前处理该事件的元素、文档或窗口。

    通俗一点说,就是你的点击事件绑定在哪一个元素上,currentTarget获取到的就是哪一个元素。

    再来看看第五个属性:

    target:target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。

    通俗一点说,就是你当前点击的是哪一个元素,target获取到的就是哪一个元素。

    可能这样说大家还是不太明白,下面我们就以vue来举一个小例子:

    模版代码:

    <li v-for="img in willLoadImg" @click="selectImg($event)"> <img class="loadimg" :src="img.url" :data-id="img.id" alt=""> </li>
    
    • 1
    • 2
    • 3

    我们给li标签绑定了一个点击事件selectImg(),传入了$event对象。(这里循环遍历了一个图片数组,是为了展示更好的效果,如有需要请自行定义数组及其对应的图片,可不要只是完全复制了代码来问我为什么报错神马的)

    事件方法代码:

    methods: {
     selectImg(event) {
     console.log(event.currentTarget);
     console.log(event.target);
     }
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6

    原文发布时间:06月29日

    原文作者:孤舟听雨

    本文来源csdn如需转载请紧急联系作者

    展开全文
  • js 获得当前 点击 的元素对象: <body> /*传入参数this即可获取当前点击对象*/ <span id="demo" onclick="capture(this)">点我</span> </body> <script> function capture...

    js 获得当前 点击 的元素对象:

    <body>  
        /*传入参数this即可获取当前点击的对象*/  
        <span  id="demo" onclick="capture(this)">点我</span>  
    </body>  
    <script>  
        function capture(data) {  
            console.log(data.id);  
            alert(data.innerText);  
        }  
    </script>  
    
    展开全文
  • 主要介绍了vue.js click点击事件获取当前元素对象的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • js点击获取当前元素内容 .html <div onclick="getEvent(event)">click</div> .js function getEvent(event){ console.log('当前元素对象',event) console.log('当前元素',event.target) console.log...

    js点击获取当前元素内容

    .html

    <div onclick="getEvent(event)">click</div>
    

    .js

    function getEvent(event){
    	console.log('当前元素对象',event)
    	console.log('当前元素',event.target)
    	console.log('当前元素内容',e.target.innerHTML)
    }
    

    vue点击获取当前元素内容

    有时候要获取所点击元素的内容文本等信息
    
    可以在点击事件里面加上$event,这样即可获取。
    注意,一定是$event,不然无效,如果只有一个参数可以不写$event,直接在函数里面写e即可
    
    <div  @click="btn_user($event)">用户</div>
     
    methods: {
    	btn_user (e) {
        	console.log(e.target.innerHTML)
      	}
    }
    
    展开全文
  • 熟悉jquery的小伙伴应该都知道jquery获取当前点击对象是有多么的粗暴,直接$(dom)获取当前点击的dom元素,根据这个,几乎可以获取这个dom元素的所有属性。不过,当我们使用vue的时候呢? 也许刚开始会有一点迷茫。...
  • <input id='btn' type='button' onclick='putValue(this)' value='+data[i].hphm+' /> 转载于:https://www.cnblogs.com/mageblog/p/7631907.html
  • <a type='button' class="layui-badge margin-left-5 layui-bg-danger" target="view_window" onclick="audit_no...js代码 //修改订单状态,生成审核记录 function audit_no(obj) { var a = $(obj).attr("valu
  • 获取当前鼠标点击的HTML元素对象 ,可用于判断点击菜单外元素是否为下拉按钮元素实现点击下拉菜单外区域关闭下拉菜单。 实现代码 window.onclick = function (e) { // 获取点击元素对象 var element = document...
  • 3小时12分钟前回答深入理解jQuery中的deferred对象和extend方法1 deferred对象 deferred对象是jQuery的回调函数解决方案,它是从jQuery1.5.0版本开始引入的功能 deferred对象的方法 (1) $.Deferred() 生成一个...
  • 获取当前行dom节点:event.currentTarget 获取当前li值:event.bindingContext.$object.val("spreadCode ") li写触发事件
  • 本来以为用$(this)可以很容易获得当前点击的对象,可在用的时候,发现并没有想象的那么简单。$(this)获取的是[object Object],并不能用jquery的方法去寻找当前对象的前后节点。代码如下:   <...
  • JS-jquery 获取当前点击对象

    千次阅读 2017-11-08 18:02:33
    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>获取当...
  • JS点击事件 获取当前对象

    千次阅读 2017-07-15 10:19:46
    //如果用下面这种方式的点击事件 就需要使用下面的方式获取ID $(function(){ $(".show_col>input").on("click",function(event){ alert(event.target.id) }) })
  • Vue.js可以传递$event对象 <body id="app"> <ul> <li v-on:click="say('hello!', $event)">点击当前行文本</li> <li>li2</li> <li>li3</li> </ul> <...
  • js获取当前操作对象

    千次阅读 2018-10-03 19:31:37
  • JQuery选择器通过click事件获取当前点击对象的id,name,value属性 JQuery捕获或获取当前click事件的事件对象ID
  • 主要介绍了Js 获取当前函数参数对象的实现代码,需要的朋友可以参考下
  • 点击当前行文本 li2 li3 属性 描述 bubbles 返回布尔值,指示事件是否是起泡事件类型。 cancelable 返回布尔值,指示事件是否可拥可取消的默认动作。 currentTarget 返回其事件监听器触发该事件的元素。 ...
  • JS获取点击标签对象

    千次阅读 2015-05-25 20:58:08
    JS获取点击标签对象: Document 123 function demo(obj,b) { alert(obj.id); alert(b) }

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 358,236
精华内容 143,294
关键字:

js获取当前点击对象