Javascript 可以从<;使用SVG;对象>;是否允许单击事件传播到父处理程序?
从HTMLJavascript 可以从<;使用SVG;对象>;是否允许单击事件传播到父处理程序?,javascript,html,svg,Javascript,Html,Svg,从HTML添加SVG似乎会创建一个无响应的空间,单击事件不会通过SVG和对象元素传播 在本例中,通过单击按钮的中心来演示这一点。单击操作似乎不会将事件传播到父元素按钮。但是,当单击按钮的边缘(远离SVG)时,将调用click事件 var buttonEl=document.getElementById('button'); addEventListener('click',function(){ console.log('Clicked!') }) 检查 使用指针事件:无 var butt
添加SVG似乎会创建一个无响应的空间,单击事件不会通过SVG和对象元素传播
在本例中,通过单击按钮的中心来演示这一点。单击操作似乎不会将事件传播到父元素按钮。但是,当单击按钮的边缘(远离SVG)时,将调用click事件
var buttonEl=document.getElementById('button');
addEventListener('click',function(){
console.log('Clicked!')
})
检查
使用指针事件:无对象元素上的代码>
var buttonEl=document.getElementById('button');
addEventListener('click',function(){
console.log('Clicked!')
})
检查
我猜想这是由于捕获和冒泡阶段在对象元素的内部文档根(即SVG元素)停止事件传播造成的。