在文本框上按删除键或退格键获取删除的字符或文本

Getting deleted character or text on pressing delete or backspace on a textbox

本文关键字：删除 文本 获取 字符      更新时间：2023-09-26

我有一个文本框，我想在按退格键或删除键时得到删除的字符。

我有一个键向上事件处理程序，如果键是退格，我正在捕获。现在在这里面，我需要执行一些基于被删除的键的任务。请帮助。

在这个线程中对getCursorPosition函数做了一点调整后，您可以通过跟踪当前光标的选择来删除字符。

代码处理以下条件:

  1. 键入，然后在末尾退格。
  2. 将光标移动到文本中间并删除/退格。
  3. 选择一段文字，然后删除/退格。
$.fn.getCursorPosition = function() {
    var el = $(this).get(0);
    var pos = 0;
    var posEnd = 0;
    if('selectionStart' in el) {
        pos = el.selectionStart;
        posEnd = el.selectionEnd;
    } else if('selection' in document) {
        el.focus();
        var Sel = document.selection.createRange();
        var SelLength = document.selection.createRange().text.length;
        Sel.moveStart('character', -el.value.length);
        pos = Sel.text.length - SelLength;
        posEnd = Sel.text.length;
    }
    // return both selection start and end;
    return [pos, posEnd];
};
$('#text').keydown(function (e) {
    var position = $(this).getCursorPosition();
    var deleted = '';
    var val = $(this).val();
    if (e.which == 8) {
        if (position[0] == position[1]) {
            if (position[0] == 0)
                deleted = '';
            else
                deleted = val.substr(position[0] - 1, 1);
        }
        else {
            deleted = val.substring(position[0], position[1]);
        }
    }
    else if (e.which == 46) {
        var val = $(this).val();
        if (position[0] == position[1]) {
            if (position[0] === val.length)
                deleted = '';
            else
                deleted = val.substr(position[0], 1);
        }
        else {
            deleted = val.substring(position[0], position[1]);
        }
    }
    // Now you can test the deleted character(s) here
});

这里是Live Demo

您可以使用keydown事件处理程序，以便最后一个要删除的字符仍然可用:

$('textarea').on('keydown',function(e) {
    var deleteKeyCode = 8,
        value = $(this).val(),
        length = value.length,
        lastChar = value.substring(length-1, length);
    if (e.which === deleteKeyCode) {
        alert(lastChar); 
    }
});

现场演示 

$('input').keydown(function(e){
    $(this).data('prevVal', $(this).val());   
}).keyup(function(e){
    if(e.keyCode === 8) {//delete
        var ele = $(this); 
        var val = ele.data('prevVal'); 
        var newVal = ele.val(); 
        var removedChar = val.substring(val.length-1);
        alert(removedChar); 
    }
});
相关文章：