Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2008/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 可以从<;使用SVG;对象>;是否允许单击事件传播到父处理程序?_Javascript_Html_Svg - Fatal编程技术网

Javascript 可以从<;使用SVG;对象>;是否允许单击事件传播到父处理程序?

Javascript 可以从<;使用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

从HTML
添加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元素)停止事件传播造成的。