iframe内にキー入力イベントを入力制限、機能しません。
-
19-09-2019 - |
質問
私は小さなレベルのリッチテキスト編集のために、このIFRAMEの「上」=自分のページ内のIFrameを持っているとのdesignModeを使用しています。
私の関心は、私は、ユーザーがそれに新しい行を入力することはできません必要があるということです - つまり、私はキーを入力制限したい。
。私はここに掲載質問がキーの押下を聞くことがを使用してそれをやりましたイベント。しかし、私のKeyPressイベントで、私は場合のfalseを返し、何も起こりません。
どのように私はのdesignModeでiframe内にキーを入力して制限していますか?
コード:
document.getElementById('editor').contentWindow.addEventListener('keypress',restrictEnterKey, true);
function restrictEnterKey(event) {
var key=(event.charCode)?event.charCode:((event.keyCode)?event.keyCode:((event.which)?event.which:0));
if (key == 13) {
//alert('me');
return false;
}
return true;
}
解決
あなたはIEのためpreventDefault
するイベントにreturnValue
を呼び出すかfalse
を設定する必要があります。
function preventDefault(evt) {
if (evt.preventDefault) {
evt.preventDefault();
} else if (typeof evt.returnValue !== "undefined") {
evt.returnValue = false;
}
}
所属していません StackOverflow