я следующий HTML структуреПочему событие щелчка элемента родительского элемента автоматически срабатывает при щелчке/фокусе текстового окна дочернего элемента в Safari?
[Checkbox] [Text] [Input element (Show if check-box is checked)]
<span class='spGrpContainer'>
<label id='stepGH_Group1' class='lblStep GHSteps lblGroupheader' stepid='1' stepname='Group1' childcontainer='ulGH_grp1Steps'>
<label><input type='checkbox' onchange="Javascript:HideUnHideSubItems();" /><span class='sptext spGHStepName'>Check Me</span></label>
<label class='lblRanking' style='display: none;'><input id='rnkbox_Scr' class='txtImportance' type='number' min='0' max='100' step='1' value='' /></label>
</label>
</span>
Когда элемент ввода нажмите, флажок автоматически скрывать в Safari browser
. Во всех других крупных браузерах, таких как Chrome, IE, Firefox, он работает хорошо. Check Fiddle
Я также пробовал event.stopPropagation()
для разрешения события пузыря, но его не помогло. Check Fiddle
Есть ли способ решить эту проблему?
Может быть, вам нужно 'event.stopPropagation()' – Tushar
@Tushar: Я попытался с ") event.stopPropagation (" метод, но это did't работа для меня. Check Fiddle: https://jsfiddle.net/wgnecsfo/16/ –