ホームページ > ウェブフロントエンド > jsチュートリアル > js は、読み取り専用のテキスト ボックスが focus_javascript のヒントを取得したときにバックスペース キーを無効にします

js は、読み取り専用のテキスト ボックスが focus_javascript のヒントを取得したときにバックスペース キーを無効にします

WBOY
リリース: 2016-05-16 18:28:45
オリジナル
1019 人が閲覧しました

読み取り専用のテキスト ボックスを使用することが避けられない場合がありますが、今日、読み取り専用のテキスト ボックスには、マウス フォーカスがテキスト ボックスにあるときにバックスペース キーを押すと前のページに戻ってしまうという欠陥があることがわかりました。問題は、ユーザーがテキストボックスを見て、その内容を変更したいと思ってクリックすると、以前に入力したデータがすべて失われる可能性があるため、少し面倒です。 <script></script> を挿入するとき、それはあなたの好みに合わせて維持されます。

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

document.documentElement.onkeydown = function(evt ){
var b = !!evt, oEvent = evt ||
if (oEvent.keyCode == 8) {
var ノード = b ?Event.srcElement;
var reg = /^(input|textarea)$/i, regType = /^(text|textarea)$/i;
if (!reg.test(node.nodeName) || !regType.test (ノード.タイプ) || ノード.readOnly || ノード.無効) {
if (b)
{
oEvent.stopPropagation();
else
{
oEvent .cancelBubble = true;
oEvent.keyCode = 0;
}
}
}

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート