У меня есть такой тип кода:
<button onclick="fn1();fn2();fn3()">Clic</button>
Я тестирую что-то в fn1 и если это правда, я не хочу, чтобы fn2 и fn3 назывались. Я использовал event.stopPropagation() в fn1 (в кроссбраузерном режиме и с передачей события в функцию), но другие функции все равно вызываются.
Кто-нибудь может помочь?
попробуй это:
<html>
<head>
<script>
function fn1() {
alert('fn1()');
return false;
}
function fn2() {
alert('fn2()');
return true;
}
function fn3() {
alert('fn3()');
window.location.assign("http://www.google.com");
}
</script>
</head>
<body>
<button onclick="fn1()&&fn2()&&fn3()">Click</button>
</body>
</html>
все функции должны возвращать логическое значение, а затем использовать логические операторы && внутри onclick
<button onclick="fn1()&&fn2()&&fn3()">Click</button>
как вы можете видеть, если fn1() возвращает false, f2() и f3() не выполняются.
Это не очень хорошая практика, но есть способ. Вы можете генерировать свои собственные исключения только для того, чтобы остановить выполнение. Я повторяю это снова, это не очень хорошая практика
<script type="text/javascript">
function one(){
var a = 1;
console.log('one');
if(a == 1){
throw new RangeError("Sorry, but you are too young for this movie");
}
}
function two(){
console.log('two');
}
</script>
<button onclick="one();two();">Click me.</button>
Вы можете изменить свою функцию fn1, чтобы она возвращала результат проверки, которую вы выполняете. Затем вы можете изменить атрибут onclick на:
if (!fn1()) { fn2(); fn3(); };
Я также рекомендую вместо этого ознакомиться с .addEventListener(). использования атрибута onclick.
Вы можете просто иметь условие if на кнопке, подобное упомянутому ниже:
<button onclick="if(!fn1()){fn2();fn3()}">Click</button>
