jquery键入字母作为移动键盘

我有信无功ARR数组= [A，B，C] 我想实现像手机打字（旧:)

如果用户在2秒内的jquery“LL任何地方点击一次在文本框中放入一个字母a。如果用户在两级秒钟的jquery点击两次“要是把字母b到文本框，蚂蚁，还有c，如果他点击三次，在两秒钟......

谢谢

这是我有：情况：

      var myInterval = setInterval(function() { 
           countLetters=0; 

          }, 2000); 
         } 


         var sellectedBoxLetters = $('div.gh_h2.gh_v1.js_item.selected').attr('title'); //this gets array of 3 letters a, b, c 
         if (sellectedBoxLetters != null) 
          substr = sellectedBoxLetters.split(' '); // this gets letter by letter 

          $("input#search").val($('input#search').val() + substr[countLetters]); //this puts the value into the box but without hops ..all letters 
          countLetters++;

来源

2012-03-23 Avicena00

首先，它应该是'变种ARR = [ “一”， “B”， “C”]'。你到目前为止尝试过什么？ – slash197 2012-03-23 12:40:46

[你有什么试过]（http://mattgemmell.com/2008/12/08/what-have-you-tried/）到目前为止？我希望你不要指望我们为你写代码。 – 2012-03-23 12:41:04

好的我edditet，这是我到现在为止的代码 – Avicena00 2012-03-23 12:47:02

http://jsfiddle.net/VseSj/5/

在这里，你走了，我反正是无聊，这只是个开始，它的肯定没有结束，但是它应该让你的地方。

HTML：

<div> 
    <textarea id="txt"></textarea> 
</div> 
<div> 
    <table> 
     <tr> 
      <th colspan="3"><input id="btn1" type="button" value="<="></th> 
     </tr> 
     <tr> 
      <td><input id="btn1" type="button" value=". ! ?" data-value=".!?"></td> 
      <td><input id="btn2" type="button" value="a b c" data-value="abc"></td> 
      <td><input id="btn3" type="button" value="d e f" data-value="def"></td> 
     </tr> 
     <tr> 
      <td><input id="btn4" type="button" value="g h i" data-value="ghi"></td> 
      <td><input id="btn5" type="button" value="j k l" data-value="jkl"></td> 
      <td><input id="btn6" type="button" value="m n o" data-value="mno"></td> 
     </tr> 
     <tr> 
      <td><input id="btn7" type="button" value="p q r s" data-value="pqrs"></td> 
      <td><input id="btn8" type="button" value="t u v" data-value="tuv"></td> 
      <td><input id="btn9" type="button" value="v w x z" data-value="cwxz"></td> 
     </tr> 
     <tr> 
      <td><input id="btnstar" type="button" value="*" data-value="*"></td> 
      <td><input id="btn0" type="button" value="_" data-value=" "></td> 
      <td><input id="btncross" type="button" value="#" data-value="#"></td> 
     </tr> 
    </table> 
</div>

JS：

所有的

var keyboard = { 
    clickspan: 2000, 
    clicked: false, 
    clickedId: "", 
    clickedCount: 0, 
    oldval: "", 
    newval: "", 
    timeout: null, 
    init: function() { 
     $("td input").click(function() { 

      if (keyboard.clicked && keyboard.clickedId == $(this).attr("id")) { 

       keyboard.newval = keyboard.oldval + $(this).data("value").charAt(keyboard.clickedCount); 
       keyboard.clickedCount = (keyboard.clickedCount + 1) % $(this).data("value").length; 
       clearTimeout(keyboard.timeout); 
       keyboard.timeout = setTimeout(function() { 
        keyboard.clicked = false; 
       }, keyboard.clickspan); 

      } else { 
       keyboard.oldval = $("#txt").val(); 
       keyboard.setClicked($(this).attr("id")); 
       keyboard.newval = keyboard.oldval + $(this).data("value").charAt(keyboard.clickedCount); 
       keyboard.clickedCount = (keyboard.clickedCount + 1) % $(this).data("value").length; 
      } 

      $("#txt").val(keyboard.newval); 
     }); 

     $("th input").click(function() { 
      keyboard.oldval = $("#txt").val(); 
      var oldvallength = keyboard.oldval.length; 
      $("#txt").val(keyboard.oldval.substring(0, oldvallength - 1)); 
     }); 
    }, 
    setClicked: function(id) { 
     keyboard.clicked = true; 
     keyboard.clickedId = id; 
     keyboard.clickedCount = 0; 
     keyboard.timeout = setTimeout(function() { 
      keyboard.clicked = false; 
     }, keyboard.clickspan); 
    } 

}; 

$(document).ready(function() { 
    keyboard.init(); 

});

来源

2012-03-23 14:02:32 Frederiek

jquery键入字母作为移动键盘

回答

相关问题