Javascript 按钮中嵌套的跨度元素的onclick事件在触摸MS Edge时不会触发
我目前正在处理一个React组件,其中Javascript 按钮中嵌套的跨度元素的onclick事件在触摸MS Edge时不会触发,javascript,html,reactjs,microsoft-edge,Javascript,Html,Reactjs,Microsoft Edge,我目前正在处理一个React组件,其中span元素嵌套在按钮元素中,单击按钮时,应触发span元素的onclick事件,而不是按钮元素的onclick事件 以下是我的例子: 事件传播 点击我! 确保单击按钮的中间部分。如果单击(填充)外部的边,则单击按钮!:)这回答了你的问题吗@RoboRobok,用鼠标点击按钮即可在Chrome和Edge上达到预期效果。但是,当用手指在触摸屏上触摸按钮时,在Chrome上可以正常工作,但Edge只会触发按钮上的事件:(你确定你的手指指向了跨度吗?试着放大并
span
元素嵌套在按钮
元素中,单击按钮时,应触发span
元素的onclick
事件,而不是按钮
元素的onclick
事件
以下是我的例子:
事件传播
点击我!
确保单击按钮的中间部分。如果单击
(填充)外部的边,则单击按钮!:)这回答了你的问题吗@RoboRobok,用鼠标点击按钮即可在Chrome和Edge上达到预期效果。但是,当用手指在触摸屏上触摸按钮时,在Chrome上可以正常工作,但Edge只会触发按钮上的事件:(你确定你的手指指向了跨度吗?试着放大并确保你触摸到了文本。@keikai,不是真的。问题不是传播,但当我触摸触摸屏边缘上的按钮时,嵌套子对象的事件从未触发过(我在表面上测试过它)。