Существует ли противоположная функция preventDefault() в JavaScript?
-
18-09-2019 - |
Вопрос
Я подсчитываю слова в текстовом поле и после определенного количества слов использую prevent default.В противном случае я хотел бы повторно включить команды по умолчанию.
Делает preventDefault(
) имеют противоположную функцию?
Вот несколько примеров кода:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>preventDefault</title>
<style type="text/css"></style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
var wordNum = 3;
var input_length;
$("#max").text("max word(s): " + wordNum);
$("#test").keypress(function(event) {
input_length = $.trim($(this).val())
.replace(/\s+/g, " ")
.split(' ').length;
if (input_length > (wordNum - 1)) {
event.preventDefault();
} else {
return true;
}
});
});
</script>
</head>
<body>
<div id="max"></div>
<textarea id="test" cols="20" rows="5"></textarea>
</body>
</html>
Кажется, это работает в IE, но Firefox это не нравится.
Решение
Я думаю, проблема, с которой вы столкнулись, заключается в том, что вы не ищете клавишу удаления.Preventdefault не отменяет обработчик события целиком.Но с вашим кодом, как только вы достигнете максимальной длины своего поля, пользователь больше не сможет удалять какие-либо символы, потому что нажатие клавиши удаления отменяется.
Причина, по которой это работает в IE, заключается в том, что IE не запускает событие нажатия клавиши для delete, end, enter, escape, функциональных клавиш, home, insert, PageUp / Down и tab.В Safari код ключа для удаления неверен в событии нажатия клавиши.
По этим причинам у меня есть двоякое предложение;во-первых, вместо этого используйте событие keydown, чтобы получить правильные коды клавиш.
Во-вторых, посмотрите на код ключа, и если это delete или backspace, то не предотвращайте дефолт.
if ((event.keyCode != 46 && event.keyCode != 8) || input_length > (wordNum - 1)) {
return false;
} else {
return true;
}
Другие советы
Не должен
if maxwords
preventDefault
else
return true
проделать этот трюк ?
просто используйте return true;
в конце вашего EventHandler.Это привело бы к появлению события в браузере.
Не похоже на это, https://developer.mozilla.org/en/DOM/event , но вы можете просто не называй это...
$("#delete_button").click(function(e){
var category = $("#category").val();
var answer = confirm("Are you sure you would like to delete the " + category + " category?");
if (!answer)
e.preventDefault();
});