ホームページ  >  記事  >  ウェブフロントエンド  >  カスタムイベントを呼び出すためのデフォルトのショートカットキーをブロックするjs実装例_javascriptスキル

カスタムイベントを呼び出すためのデフォルトのショートカットキーをブロックするjs実装例_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 17:31:581002ブラウズ

より多くのショートカット キーをブロックする方法の詳細については、Google で自分で検索してください。
ここでお話したいのは、カスタム イベントをブロックして実行する方法です。

使用の便宜上、Google で検索して得られる結果は、通常、ネイティブ JavaScript 実装であるため、ここでは紹介しません。

ここでは、テキストエリアに Enter して保存し、元の Enter イベントをブロックする例を示します。
コードは次のとおりです:

コードをコピーします コードは次のとおりです:

//キーボード監視
var areaKey = new Kibo($("#aac010")[0]);
areaKey.down('enter',doSave) {
event.keyCode = 0;
event.returnValue = false;
return false;


元の JS イベントをシールドします。通常は keyCode=0、returnValue =false、return false; ですが、save メソッドを直接ここに記述する場合は、save の実行にある程度の時間がかかるため、上記の save メソッドなどのカスタム メソッドをどのように呼び出すかがポイントになります。 、短期間に false が返されない場合、enter の元のイベントのトリガーがシールドとして機能できないという問題が発生するため、ここでは setTimeout を使用してカスタム メソッドを呼び出します。元のイベントがトリガーされないように、returnun は時間内に戻ってください。
具体的な理由は不明です。もっと良い方法がある場合、または理由を知っている場合は、メッセージを残してください。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。