2016-12-29 43 views
0

當我插入我想改變空間的文字「 - 」在搜索欄(「三星S7邊緣」到「三星-S7-EDGE」)。這裏是我的代碼:如何與改變的空間「 - 」,在搜索欄中輸入

<!-- 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 --> 
+0

您可以澄清,如果您想在用戶輸入內容時進行此操作,或者在用戶點擊提交後在搜索結果頁上進行操作? –

+0

請分享,你已經取得了什麼?一些代碼爲邏輯 – xxCodexx

+0

謝謝你的重播塞爾格Chernata.Yes,我想這樣做,因爲用戶輸入 –

回答

1

I created a jsfiddle - 應該工作。

所以它是做什麼:

如果一個人被觸發按鍵事件和鍵入的字符是一個空格(字符32)我阻止事件,而是獲得字段的當前值,並添加一個破折號-

它不是做什麼:

如果有人粘貼文本,沒有任何按鍵事件,因此沒有更換空格字符。

+0

在哪裏把javascript,工作? –

+0

這段代碼只是一個例子。但通常您應該將其添加到頁面底部的腳本標記中。 –

+0

我把但不工作。我把像

0

你應該使用鍵盤相關的事件,發生在這個序列中的一個:

  1. 的onkeydown(當用戶按下一個鍵)
  2. onkeypress事件(當用戶按下一個鍵)
  3. 的onkeyup(當用戶釋放一個鍵)

在這裏,你有javascript key events大量信息的,或者如果你正在使用jQuery key events

相關問題