当前位置 博文首页 > RunningOnMyWay的博客:H5+jq 父元素绑定事件 处理子元素所有的

    RunningOnMyWay的博客:H5+jq 父元素绑定事件 处理子元素所有的

    作者:[db:作者] 时间:2021-06-23 18:13

    如何使用元素上直接绑定ontouch onclick的方式实现相同的效果,而不需要使用jquery的监听,示例html部分代码如下:

    <td class="bt-1" onclick="test()" style="width:50%;padding-top:10px;padding-bottom:10px;"><span>添加患者</span></td>
    

    js test方法代码如下:

    function test(){
            var target = event.currentTarget;
            console.log("---"+target.tagName);
            var target1 = event.target;
            console.log("---"+target1.tagName);
     }
    

    event.currentTarget 获取当前绑定事件元素,与在οnclick="test(this)"中传入的this相同;
    event.target 获取触发事件元素,一般都是当前绑定事件元素的子元素或更深且存在被当前绑定事件元素包含的子类元素
    通过这两个方式的获取,就可以实现与jq或原生dom事件监听的所需要获取的目标元素,可以根据一些标签tagName 样式类class 甚至id等方式去处理一些需要子元素触发的一些事件;