optionList = <span style="margin-left:1vh;">对象类型:</span><select style="margin-right:1vh;"> + optionList + </select>对象名称:<input type="text" style="border:1px solid #322f2f;" placeholder="请输入搜索关键词"><button>搜索</button>中给input标签添加onkeydown事件,当按下backspace键时,执行删除一个字符操作。
时间: 2023-08-14 10:26:29 浏览: 45
好的,你可以在input标签中添加onkeydown事件,当按下backspace键时,执行删除一个字符的操作,代码如下:
```
<input type="text" style="border:1px solid #322f2f;" placeholder="请输入搜索关键词" name="search" onkeydown="if(event.keyCode==8){var inputVal = document.getElementsByName('search')[0].value; document.getElementsByName('search')[0].value = inputVal.substring(0, inputVal.length - 1);}">
```
这样,当用户在input标签中按下backspace键时,会触发onkeydown事件,判断keyCode是否等于8(backspace键的keyCode是8),如果是,则获取input标签的value值,使用substring方法删除最后一个字符,再将新的value值设置回input标签中,实现删除一个字符的效果。
相关问题
optionList = `<span style="margin-left:1vh;">对象类型:</span><select style="margin-right:1vh;">` + optionList + `</select>对象名称:<input type="text" style="border:1px solid #322f2f;" placeholder="请输入搜索关键词"><button>搜索</button>`中input删除键不能使用
这个问题的原因可能是因为你没有为input标签添加name属性,或者name属性值为空。请确保你的input标签有正确的name属性,例如:name="search",这样就可以使用删除键了。另外,你也可以使用JavaScript代码来实现删除键的功能,例如:给input标签添加onkeydown事件,当按下backspace键时,执行删除操作。
optionList = <span style="margin-left:1vh;">对象类型:</span><select style="margin-right:1vh;"> + optionList + </select>对象名称:<input type="text" style="border:1px solid #322f2f;" placeholder="请输入搜索关键词"><button>搜索</button>中给input标签添加onkeydown事件,当按下backspace键时,执行删除操作。
好的,你可以在input标签中添加onkeydown事件,当按下backspace键时,执行删除操作,代码如下:
```
<input type="text" style="border:1px solid #322f2f;" placeholder="请输入搜索关键词" name="search" onkeydown="if(event.keyCode==8){document.getElementsByName('search')[0].value=''}">
```
这样,当用户在input标签中按下backspace键时,会触发onkeydown事件,判断keyCode是否等于8(backspace键的keyCode是8),如果是,则将input标签的value值设置为空,实现删除效果。