开发者

JQUERY Touch Screen Keyboard

<body>
<div id="wrap">         
    <texta开发者_运维百科rea id="keyboard"></textarea><Input type="button" id="butPress" value="Display Keyboard"></input>
</div>

There is 2 main controls at my web page. One is TextBox and other is Button. When i press the button i want to display Keyboard so that any tablet pc can type without using physical keyboard.

It will be better if you can give me any code which is compatible with Apple safari browser.

Let me get suggestions please.


Here's a great tutorial on making a jquery keyboard:

http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-keyboard-with-css-and-jquery/

You can then write a small bit of jQuery like this (set the keyboard div to have a style of display:none in the css):

$('.button').click(function(e){
    e.preventDefault;
    $('.keyboard').fadeIn();
});


Just have the button put keyboard focus on the textbox, any modern device should bring up the keyboard automatically. Don't make your own keyboard.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜