使用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(); });