JavaScript AddEventListener-退格
您好,我正在尝试根据文本框中的内容启用/禁用某些按钮。在使用“backspace”事件时,我想检查每个操作的文本框内容,以便按钮启用/禁用状态相应更改“backspace”将用于删除文本框中的内容,但根本检测不到“backspace”(使用console.log进行测试)。 下面是代码(它适用于“c”,但不适用于“backspace”):JavaScript AddEventListener-退格,javascript,html,dom-events,Javascript,Html,Dom Events,您好,我正在尝试根据文本框中的内容启用/禁用某些按钮。在使用“backspace”事件时,我想检查每个操作的文本框内容,以便按钮启用/禁用状态相应更改“backspace”将用于删除文本框中的内容,但根本检测不到“backspace”(使用console.log进行测试)。 下面是代码(它适用于“c”,但不适用于“backspace”): document.addEventListener(“按键”),函数(事件) { 如果(event.key==“c”) { 控制台日志(“C按下”); do
document.addEventListener(“按键”),函数(事件)
{
如果(event.key==“c”)
{
控制台日志(“C按下”);
document.getElementById(“btnConvert”)。单击();
}
var convertButton=document.getElementById(“btnConvert”);
如果(event.key==“退格”)
{
console.log(“按退格键”);
var textboxContent=document.getElementById(“txtFahrenheit”).value;
如果(textboxContent.value==“”| | textboxContent.value==“-”)
{
convertButton.disabled=true;
}
}
})
转换
您应该使用向下键
而不是按键
来正确检测退格:
document.addEventListener(“向下键”),函数(事件)
{
如果(event.key==“c”)
{
控制台日志(“C按下”);
document.getElementById(“btnConvert”)。单击();
}
var convertButton=document.getElementById(“btnConvert”);
如果(event.key==“退格”)
{
console.log(“按退格键”);
var textboxContent=document.getElementById(“txtFahrenheit”).value;
如果(textboxContent.value==“”| | textboxContent.value==“-”)
{
convertButton.disabled=true;
}
}
})
转换
$(文档).keyup(函数(e)
{
如果(e.key==“c”)
{
警报(“按下C”);
document.getElementById(“btnConvert”)。单击();
}
var convertButton=document.getElementById(“btnConvert”);
如果(e.keyCode==8)
{
警惕(“退格陷阱”);
var textboxContent=document.getElementById(“txtFahrenheit”).value;
如果(textboxContent.value==“”| | textboxContent.value==“-”)
{
convertButton.disabled=true;
}
}
});
转换
var key=event.keyCode | | event.charCode;如果(键==8),请尝试此操作
$(document).keyup(function(e)
{
if(e.key == "c")
{
alert("C Pressed");
document.getElementById("btnConvert").click();
}
var convertButton = document.getElementById("btnConvert");
if(e.keyCode == 8)
{
alert('backspace trapped');
var textboxContent = document.getElementById("txtFahrenheit").value;
if (textboxContent.value == "" || textboxContent.value == "-")
{
convertButton.disabled = true;
}
}
});
<button id="btnConvert" onclick="convertPressed()">Convert</button>
<input id="txtFahrenheit" type="text" autofocus />