20

我正在计算文本字段中的单词,并且在一定数量的单词之后,我使用防止默认值。在其他方面,我想重新启用默认命令。

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 不喜欢它。

4

5 回答 5

9

我认为您遇到的问题是您不是在寻找删除键。preventdefault 不会一起取消事件处理程序。但是使用您的代码,一旦您达到字段的最大长度,用户将无法再删除任何字符,因为删除按键被取消。

它在 IE 中工作的原因是因为 IE 不会触发删除、结束、输入、转义、功能键、主页、插入、pageUp/Down 和选项卡的按键事件。在 Safari 中,keypress 事件中用于删除的键码不正确。

出于这些原因,我有双重建议;首先,使用 keydown 事件来获得正确的键码。

其次,查看键码,如果它是删除或退格,则不要阻止默认。

if ((event.keyCode != 46 && event.keyCode != 8) || input_length > (wordNum - 1)) {
    return false;
} else {
    return true;
}
于 2009-11-06T18:20:55.287 回答
8

不应该

if maxwords
   preventDefault
else
   return true

做这个把戏?

于 2009-11-06T16:14:14.217 回答
4

只需return true;在 eventHandler 的末尾使用。这会将事件冒泡到浏览器。

于 2009-11-06T16:14:25.287 回答
3

看起来不像,https://developer.mozilla.org/en/DOM/event,但你不能称之为...

于 2009-11-06T16:15:08.920 回答
2
$("#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();
        });
于 2010-05-28T18:38:30.950 回答