阻止事件冒泡:event.stopPropagation();

标签中如果有多个事件

 

div中的renderer事件:

/*预算明细 - 费用申请单号 - 渲染事件*/
    feeContractCodeRenderer: function (e) {
        var row = e.record;
        if (row.feeContractCode) {
//        	return ""
        	return "" + row.feeContractCode + " "	
//            return "" + e.value + "";
        } else {
//        	
//        	return ""
        	return " "	
//            return row.feeContractCode;
        }
    },

这里手动拼接了一个标签;标签中有onbuttonclick(点击事件这里用的是miniUI)

div中也可以看到有onbuttonclick;拼接的标签中也有onbuttonclick

其实是两个事件

阻止事件冒泡:event.stopPropagation();_第1张图片 div点击事件会跳出弹窗

阻止事件冒泡:event.stopPropagation();_第2张图片 input点击事件

 问题:跳出弹窗会触发input点击事件会触发

弹窗中会多出来input框白色的,而且在弹窗上层显示,不美观

防止触发其他事件(阻止事件冒泡):

在执行方法上事件函数中添加下面这行js代码

event.stopPropagation();

你可能感兴趣的:(前端,html,javascript)