Question

当单词限制超过时，是否可以停止用户输入。

目前我正在textarea和e.preventDefault();进行更改。但它似乎并没有阻止用户输入。无论如何都可以实现这一点，我知道addEventlister keypress $(function(){ $('textarea').keypress(function() { var l = $(this).val().split(' '); if(l.length > 50){ return false; } }) })可以阻止默认值。但reactJS如何实现相同的功能？

在jQuery中:(我如何在reactJS中实现相同的目标？）

datetime.strptime

Answer 1

在回应中，您可以使用onKeyPress事件并使用.preventDefault，.stopPropagation方法，就像这样

var Component = React.createClass({
    handleKeyPress: function(e) {
        var value = e.currentTarget.value.split(' ');

        if (value.length > 10) {
            e.preventDefault();
            e.stopPropagation();
        } else {
            console.log(value);
        }
    },
    render: function() {
        return <textarea onKeyPress={ this.handleKeyPress }></textarea>;
    }
});

Example

来自return false事件处理程序的

jQuery实际上与调用e.preventDefault和e.stopPropagation

相同

Answer 2

<textarea maxLength={10}/>怎么样？

http://www.w3schools.com/tags/att_input_maxlength.asp

ReactJS onChange阻止用户继续输入

2 个答案: