私はWebベースのモバイル（HTML）アプリケーションに取り組んでいます。他の画面レイアウトを制御できることに基づいて、キーボードが表示されているときとキーボードが非表示になっているときなど、キーボードイベントを検出する方法はありますか？
フォーカス、ブラー、ブラウザーのサイズ変更イベントを試しましたが、問題が100％解決されていないため、キーボードイベントのみを探しています。実際には、キーボードがキーボード上に表示されているときに、キーボード上にフッターを非表示にします。 、キーボードが表示されているときはフッターの位置を相対的に設定し、キーボードが非表示のときはフッターの位置を固定に設定しようとしています。
私はそれがうまくいくように以下のように試しましたが、それは私の問題の100％の解決ではありませんでした。
$(document).ready(function () {
$("input").focus(function() {
$(".copyright_link").css("position","relative");
});
$("input").blur(function() {
$(".copyright_link").css("position","fixed");
});
});
フッターの問題を解決する方法を教えてもらえますか、jqueryにキーボードイベントがあるかどうか教えてください。
サイズ変更イベントを使用して、キーボードが表示されているかどうかを確認できます
$(document).ready(function(){
var _originalSize = $(window).width() + $(window).height()
$(window).resize(function(){
if($(window).width() + $(window).height() != _originalSize){
console.log("keyboard show up");
$(".copyright_link").css("position","relative");
}else{
console.log("keyboard closed");
$(".copyright_link").css("position","fixed");
}
});
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加