Javascript 在输入框中查找字符串的已删除部分

Javascript 在输入框中查找字符串的已删除部分,javascript,jquery,string,input,Javascript,Jquery,String,Input,我想使用退格或删除查找已删除的字符串 检查我的代码片段: var changeText2=函数(e){ var request=$('input').val()+String.fromCharCode(e.which); $(“#即时搜索”).text(请求); }; var changeText1=函数(e){ 如果(/[-a-z0-90áäèèèèèèèèèèèèèèèèèèèèèèèèèèèè23{ $('input')。在('keypress',changeText2)上; } 开关(

我想使用退格删除查找已删除的字符串

检查我的代码片段:

var changeText2=函数(e){
var request=$('input').val()+String.fromCharCode(e.which);
$(“#即时搜索”).text(请求);
};
var changeText1=函数(e){
如果(/[-a-z0-90áäèèèèèèèèèèèèèèèèèèèèèèèèèèèè23{
$('input')。在('keypress',changeText2)上;
}
开关(电子钥匙){
案例“Backspace”:
$('#即时搜索').text($('#搜索').val());
打破
“逃逸”案:
//按“esc”键执行操作。
打破
违约:
return;//不处理密钥事件时退出。
}
};
$('input')。在('keydown',changeText1);
html,
身体{
身高:100%;
宽度:100%;
}
身体{
保证金:0;
填充:0;
字体系列:无衬线;
背景:#000428;
/*旧浏览器的回退*/
背景:-webkit线性渐变(向右,#004e92,#000428);
/*Chrome 10-25,Safari 5.1-6*/
背景:线性渐变(向右,#004e92,#000428);
/*W3C、IE 10+/Edge、Firefox 16+、Chrome 26+、Opera 12+、Safari 7+*/
}
v型集装箱{
显示:表格;
身高:100%;
宽度:100%;
}
五、内容{
显示:表格单元格;
垂直对齐:中间对齐;
}
.文本中心{
文本对齐:居中;
}
h1{
颜色:#fff;
}
.输入{
溢出:隐藏;
空白:nowrap;
}
.输入#搜索{
宽度:计算(100%-80px);
高度:50px;
边界:无;
字号:10pt;
浮动:左;
颜色:#4f5b66;
填充:0 65px 0 15px;
大纲:无;
}
.输入按钮.图标{
边界:无;
高度:50px;
宽度:50px;
颜色:#4f5b66;
背景:#fff;
左边框:1px实心#ddd;
左边距:-50px;
大纲:无;
光标:指针;
-webkit过渡:背景。5s;
过渡:背景。5s;
}
.输入按钮。图标:悬停{
背景:#eee;
}
桌子{
宽度:100%;
边界间距:0;
边界塌陷:塌陷;
}
表tr{
背景:#fff;
-webkit用户选择:无;
用户选择:无;
}
表td{
填充:10px;
}
表tr:N个孩子(1){
边框顶部:1px实心#ddd;
}
表tr:n子级(1):悬停{
边界顶部:无;
}
表tr:n子项(1):悬停td{
填充顶部:11px;
}
运输署:第n名儿童(3){
宽度:75%;
}
运输署:第n名儿童(2){
宽度:85%;
文本对齐:左对齐;
}
表tr:悬停{
背景:#ffc800;
颜色:#fff;
}

更改
$('input')。打开('keydown',changeText1);
更改为
$('input')。打开('keydup',changeText1);

因此,在启动
changeText1

var changeText2=函数(e){
var request=$('input').val()+String.fromCharCode(e.which);
$(“#即时搜索”).text(请求);
};
var changeText1=函数(e){
如果(/[-a-z0-90áäèèèèèèèèèèèèèèèèèèèèèèèèèèèè23{
$('input')。在('keypress',changeText2)上;
}
开关(电子钥匙){
案例“Backspace”:
$('#即时搜索').text($('#搜索').val());
打破
“逃逸”案:
//按“esc”键执行操作。
打破
违约:
return;//不处理密钥事件时退出。
}
};
$('input')。在('keyup',changeText1)上
html,
身体{
身高:100%;
宽度:100%;
}
身体{
保证金:0;
填充:0;
字体系列:无衬线;
背景:#000428;
/*旧浏览器的回退*/
背景:-webkit线性渐变(向右,#004e92,#000428);
/*Chrome 10-25,Safari 5.1-6*/
背景:线性渐变(向右,#004e92,#000428);
/*W3C、IE 10+/Edge、Firefox 16+、Chrome 26+、Opera 12+、Safari 7+*/
}
v型集装箱{
显示:表格;
身高:100%;
宽度:100%;
}
五、内容{
显示:表格单元格;
垂直对齐:中间对齐;
}
.文本中心{
文本对齐:居中;
}
h1{
颜色:#fff;
}
.输入{
溢出:隐藏;
空白:nowrap;
}
.输入#搜索{
宽度:计算(100%-80px);
高度:50px;
边界:无;
字号:10pt;
浮动:左;
颜色:#4f5b66;
填充:0 65px 0 15px;
大纲:无;
}
.输入按钮.图标{
边界:无;
高度:50px;
宽度:50px;
颜色:#4f5b66;
背景:#fff;
左边框:1px实心#ddd;
左边距:-50px;
大纲:无;
光标:指针;
-webkit过渡:背景。5s;
过渡:背景。5s;
}
.输入按钮。图标:悬停{
背景:#eee;
}
桌子{
宽度:100%;
边界间距:0;
边界塌陷:塌陷;
}
表tr{
背景:#fff;
-webkit用户选择:无;
用户选择:无;
}
表td{
填充:10px;
}
表tr:N个孩子(1){
边框顶部:1px实心#ddd;
}
表tr:n子级(1):悬停{
边界顶部:无;
}
表tr:n子项(1):悬停td{
填充顶部:11px;
}
运输署:第n名儿童(3){
宽度:75%;
}
运输署:第n名儿童(2){
宽度:85%;
文本对齐:左对齐;
}
表tr:悬停{
背景:#ffc800;
颜色:#fff;
}


您尝试了什么?您能再解释一下您的意思吗?我想我已经解释了问题中的所有内容。将
keydown
更改为
keydup
我甚至没有尝试使用这个(是的,我试过一次,我知道它是如何工作的)。我不想使用它的原因是我想要即时响应,而不是当按钮被释放时。@epascarello它在隐藏的代码段中。当值发生变化时,将输入值存储在全局变量中如何?当按下backspace或delete时,比较变化前后的值?尝试不释放按钮,您将看到,它不会根据输入字段的值进行相应更新。