zcmx.net
当前位置:首页 >> js让元素无法触发事件 >>

js让元素无法触发事件

使用event.stopPropagation阻止事件冒泡。 $('.child').on('mousedown', function (e) { //子元素的mousedown事件处理 e.stopPropagation();});$('.parent').on('click', function () { //父元素click事件处理});

要看看你是怎么“动态添加”元素的。 如果你的元素是用click事件append进来的 那你的功能函数必须放在这个click事件里面。 比如: $(".clickMeToAppendElement").click(function() { $(".toBeAppend").append("这是元素内容"); $(".J_classtree")....

YuGiOh$ (function () { var body = $ ('body'); $ (":button").click (function () { body.append ('详情'); }); // 动态插入的html,需要委派事件处理。 body.delegate ('.details', 'click', function () { alert ($ (this).index (".details...

这就是一个阻止冒泡,你搜出来的那个是jq里面封装的阻止冒泡的方法,很好用,js里面相对来说复杂很多 function stopPropagation(e) { e = e || window.event; if(e.stopPropagation) { //W3C阻止冒泡方法 e.stopPropagation(); } else { e.cance...

$(function(){ $('.test a').mouseover(function(){ alert(1); });

这个是源代码,可以实现你的功能,有不懂的可以问我,希望采纳,谢谢 无标题文档window.onload=function(){var oDiv=document.getElementById("div1");var oP=oDiv.getElementsByTagName("p");var aDiv=oDiv.getElementsByTagName("div");for(i=0;i

1:这是javascript中的事件相关知识。你的问题属于事件冒泡或者事件捕捉。 false 为事件冒泡,true 为事件捕捉。默认为false。 点我 function $(id){ return document.getElementById(id); }; var ulDom = $("ul"); var liDom = $("li"); var aD...

可以尝试在子元素的mousedown事件函数中用event.cancelBubble=true;取消事件冒泡

如果你用jquery写那就方便多啦: $(node).one('click',function(){})如果用js原生的写法,那么可能你需要加个变量判断,防止重复触发!

见如下代码: $(".target-menu").mouseout(function(e){ evt = window.event || e; var obj = evt.toElement || evt.relatedTarget; var pa = this; if(pa.contains(obj)) return false; $(this).hide(); });

网站首页 | 网站地图
All rights reserved Powered by www.zcmx.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com