В настоящее время я работаю с компонентом React, в котором элемент span вложен в элемент button. При нажатии кнопки событие onclick элемента span должно вызываться вместо onclick событие элемента button.
Ниже приведен мой пример:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Event Propagation</title>
</head>
<body>
<button onclick="alert('button onclick')">
<span onclick="alert('span onclick');event.stopPropagation();">
Click Me!
</span>
</button>
</body>
</html>
Конечно, вышесказанное - это просто простые HTML и JavaScript, так как мой компонент React довольно сложен. Несмотря на это, приведенный выше пример дает тот же эффект. Когда я запускаю приведенные выше коды на Chrome на поверхности, касаясь кнопки, она работает, как и ожидалось, когда запрашивается span onclick .
Однако, когда я запускаю это в Microsoft Edge на поверхности и нажимаю на кнопку, onclick из button срабатывает и не span событие. Могу ли я узнать, что такое логика c и как я могу решить эту проблему?
Это нужно запустить на Edge, потому что фактическое Компонент React будет работать в WebView, встроенном в приложение UWP.
Спасибо.