Question

当我插入文字时，我想用＆＃34; - ＆＃34;更改空间在搜索栏中（来自＆＃34; Samsung S7 Edge＆＃34;到＃34; Samsung-S7-Edge＆＃34;）。这是我的代码：

<!-- BEGIN: search -->
<div id="search">
   <form action="{INSTALLDIR}index.php" method="get" name="searchprod" id="prodsearch">
      <table cellpadding="0" cellspacing="0" border="0">
         <tr>
            <td><input name="ps" type="text" id="searchbox" value="Cauta produse...ex. samsung-s7-edge" onfocus="this.value=''; this.style.color='#333333';" />
               <input type="hidden" name="sv" value="1" />
            </td>
            <td><input type="submit" value="Cauta" class="searchButton" /></td>
         </tr>
      </table>
   </form>
</div>
<!-- END: search -->

Answer 1

I created a jsfiddle - 应该有用。

所以它在做什么：

如果一个人正在触发按键事件并且键入的字符是空格（字符32），我会阻止该事件，而是获取字段的当前值并添加短划线-。

它没有做什么：

如果有人粘贴文本，则没有按键事件，因此不会替换空格字符。

Answer 2

您应该使用以下顺序发生的键盘相关事件之一：

onkeydown（当用户按下某个键时）
onkeypress（当用户按下某个键时）
onkeyup（当用户释放密钥时）

这里有大量有关javascript key events的信息，或者您使用的是jquery key events

如何用＆＃34; - ＆＃34;来改变空间在搜索栏输入

2 个答案: