美文网首页
点击页面内容显示标签名

点击页面内容显示标签名

作者: 郭先生_515 | 来源:发表于2019-02-15 13:47 被阅读0次
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>点击页面内容显示标签名</title>
    </head>
    <body>
        <div>测试
            <img src="hello.png" alt="hello" title="hello" >
            <span>我是span</span>
            <a >我是a</a>
        </div>
        <p>我是p</p>
    </body>
    
    <script>
        let el=document.getElementsByTagName('body');
        //  console.log(el);
        el[0].onclick=function(event){
            let ev = event || window.event;
            let selected = ev.target || ev.srcElement;
            console.log(selected.tagName);
        }
    </script>
</html>

三个兼容的写法

1. oWidth = document.body.clientWidth || document.documentElement.clientWidth;
2. ev = event || window.event;
3. tagName = ev.target || ev.srcElement;

相关文章

  • 点击页面内容显示标签名

    三个兼容的写法

  • react router

    一个简单的路由小demo 我们页面显示一个登录注册按钮,点击登录,内容跟着显示登录,点击注册内容里显示注册 使用h...

  • WebView根据内容高度做折叠效果

    需求:webview内容超过400就显示点击展开,点击收起功能关键代码: onPageFinished页面加载完,...

  • vue-router

    路由,其实就是指向的意思,当我点击页面上的home 按钮时,页面中就要显示home的内容,如果点击页面上的abou...

  • vue-router

    路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about...

  • [转]vue-router 基本使用

    路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about...

  • vue-router 基本使用

    路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about...

  • Vue-router基本使用

    1路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的abou...

  • 【Axure10】说明(注释)区域-页面说明

    说明(注释)区域-页面说明 注:在预览时,显示注释说明内容需手动点击打开。 页面注释设置 编辑页面注释 进行页面注...

  • 2018-02-01

    2-2.#标签,网页上显示的内容放在这里 ——————在网页上要显示出来的页面内容一定要放在body标...

网友评论

      本文标题:点击页面内容显示标签名

      本文链接:https://www.haomeiwen.com/subject/zgbpeqtx.html