ホームページ  >  記事  >  ウェブフロントエンド  >  javascript_javascriptスキルを使用してキー入力フォームを実装する方法の概要

javascript_javascriptスキルを使用してキー入力フォームを実装する方法の概要

WBOY
WBOYオリジナル
2016-05-16 16:21:141164ブラウズ

この記事の例は、Enter キー送信フォーム メソッドの JavaScript 実装を要約したものです。皆さんの参考に共有してください。具体的な分析は次のとおりです。

最初の方法: JavaScript の実装

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

<頭>
JavaScript はキー送信フォームを実装します

<スクリプトタイプ="text/javascript">
document.onkeydown = function(ev){
ev = ev window.event;
if(ev.keyCode == 13){
alert("フォームを送信したい");
}
}



Enter キーを押すと、サプライズが起こります




2 番目の方法: jquery 実装 (ie8、chrome、firefox でサポート)
コードをコピー コードは次のとおりです:

<頭>
JavaScript はキー送信フォームを実装します


<スクリプトタイプ="text/javascript">
$(関数(){
$(document).keydown(function(e){
var curKey = e.that;
If(curKey == 13){
alert("フォームを送信したい");
}
});
});



Enter キーを押すと、サプライズが起こります



この記事が皆様のjsベースのWebプログラミングのお役に立てれば幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。