jQuery 使用 .next() 函数查找紧邻字符 "@"的字符

Question

我正在开发一个项目的评论模块，

场景:当用户按下@字符并输入诸如@jasmine之类的内容时，系统应该在@旁边获取该特定关键字 字符我正在实现这个场景并得到这样的关键字，

$('#commen-text').keyup(function (e) {
if (e.which === 50 && e.next()) {
    var key = $(e.next());
    var filters = {};
    filters['keyword'] = key;
    $.ajax({
        url: siteUrl + "filter/user",
        data: {filters: filters},
        type: "get",
        success: function (output) {
            return;
            alert(output);
        }
      });

    }
 });

但它给了我以下错误

Uncaught TypeError: e.next is not a function

请建议我在这方面应该做什么

Answer 1

试试这个..我使用indexOf在输入字段中搜索“@”符号..

编辑:mod仅在@符号之后捕获..尝试将keyup替换为setTimeout例如:500ms，然后拉ajax

据我所知，您必须监视“loosefocus”或类似事件才能知道用户何时离开文本区域，然后构建filters关键字..然后触发ajax，而不是早点，因为我猜你很快就会开火..

$('#commen-text').keyup(function (e) {
    var key = $(this).val();
    if (key.indexOf('@') > -1 ) {
       console.log( key.split('@')[1] );
    }
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="w100"> <textarea placeholder="Enter your comment here" id="commen-text"></textarea> </div>