zoukankan      html  css  js  c++  java
  • js函数中获得当前被点击元素

    问题描述:在html页面中点击<a>或者’按钮‘,进入js中的函数,在js函数中获得被点击那个<a>或‘按钮’元素

    解决方法:
    方法一:

      html中:

        <a>标签:<a id="21" href="javascript:void(0);" onClick="fun(event)">点击我</a>

        按钮:<input type="button" value="点击我" onClick="fun(event)"/>

      js中:
         function fun(event){
          var obj=event.srcElement;  //event在ie中自带有,可以不用传入,其他少数浏览器需要传入
               alert(obj.innerHTML);
          }

    方法二:

      html中:

        <a>标签:<a id="21" href="javascript:void(0);" onClick="fun(this)">点击我</a>

        按钮:<input type="button" value="点击我" onClick="fun(this)"/>

      js中:
         function fun(obj){
               alert(obj.innerHTML);//此处obj就对应html页面中的<a>
          }

    总结:其实二者唯一差异就是传入参数问题,方法一中,event.srcElement顾名思义就是获取事件的源元素,但是不能javascript:fun(event);这样写,这样只是跳转到了对应函数,而根本就没产生事件,也就获取不到事件源元素

    ps:事件中的函数切记不能与系统函数同名,否则达不到预期效果

  • 相关阅读:
    Python超级篇-机器学习
    python高给篇-爬虫
    机器学习之-sklearn
    luogu3384 【模板】树链剖分
    bzoj3884 上帝与集合的正确用法
    luogu2765 魔术球问题
    poj2976 Dropping tests 01分数规划
    luogu2764 最小路径覆盖问题
    luogu2763 试题库问题
    luogu2762 太空飞行计划问题
  • 原文地址:https://www.cnblogs.com/wu-yun-jiang/p/4637044.html
Copyright © 2011-2022 走看看