- 締切済み
日本語入力の禁止
お世話になります。 divにcontenteditable属性を付与して編集できるようにしました。 そのとき、日本語は入力禁止にしたいのですがime-modeはdivには使用できないみたいです。 日本語入力のときはkeycode229が返ってくるようなのでjavascriptでonkeydownのときに if (event.keyCode == 229) { return false; } というif文を入れてみました。alertとかで確認するとちゃんと日本語入力の時にはこのif文を通過しているみたいなのですが 日本語が入力されてしまいます。 div contenteditable=trueのときに日本語入力を禁止したい場合はどのようにすれば実現できるのでしょうか。 <div contenteditable=true onkeydown="return test();">編集テスト</div> function test() { if (event.keyCode == 229) { return false; } return true; } よろしくお願いします。
- sakukou10
- お礼率56% (42/75)
- JavaScript
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- CyberCypher
- ベストアンサー率73% (39/53)
ｆｍ……まぁie８とかcss3、html5未対応の記述もあるし まーた、IEのバグな気もするんだけど…… keycode取得出来ないなら発想を変えればいいじゃない！ ……てことで考えてみた keydownとkeyup時、入力された項目をチェック byte数と文字数が一致すれば保存し 一致しなければ直前のデータで上書き (※半角文字は1byte、全角文字は2byteあります) <html> <head> <script type="text/javascript"> <!-- var beforeData = ""; function isMultiByte(){ var strVal = document.getElementById('target').innerHTML; var strByte = strSize(strVal); if(strVal.length == strByte){ beforeData = strVal; }else{ document.getElementById('target').innerHTML = beforeData; } } function strSize(data) { var byte = 0; for (var i = 0; i < data.length; i++) { var c = data.charCodeAt(i); if ( (c >= 0x0 && c < 0x81) || (c == 0xf8f0) || (c >= 0xff61 && c < 0xffa0) || (c >= 0xf8f1 && c < 0xf8f4)) { byte += 1; } else { byte += 2; } } return byte; } window.onload = function(){ window.document.onkeydown = function(evt){ isMultiByte(); } window.document.onkeyup = function(evt){ isMultiByte(); } } // --> </script> </head> <body> <div id="target" contenteditable="true">test</div> </body> </html>
- CyberCypher
- ベストアンサー率73% (39/53)
あれ？……これで動かない？ <html> <head> <script type="text/javascript"> <!-- window.onload = function(){ window.document.onkeydown = function(evt){ if (evt){ if(evt.keyCode == 229){ evt.keyCode = 0; return false; } }else{ if(event.keyCode == 229){ event.keyCode = 0; return false; } } } window.document.onkeyup = function(evt){ if (evt){ if (evt.keyCode != 13){ event.keyCode = 0; return false; } }else{ if (event.keyCode != 13){ event.keyCode = 0; return false; } } } } // --> </script> </head> <body> <div contenteditable=true>編集テスト</div> </body> </html>
お礼
ありがとうございます。 提示していただいたコードで試してみましたが、 日本語は入力できてしまいました。 IE9だとうまくいったのですが、IE8だと駄目でした。 IE8と9で何かが違うんですかね。
- CyberCypher
- ベストアンサー率73% (39/53)
それ……keydown時？keyup時？ keydown時に if (event.keyCode == 229) return false; が効くのがIE、Chrome、Safari firefoxは少し特殊でkeydown時229以外且つkeyup時 if (event.keyCode == 13){ //日本語じゃない } で判別かな
補足
回答ありがとうございます。 質問文中にも記載していましたが、keydown時です。 記載忘れでしたがIE8での動作確認です。 keydown時に229で判別して、半角/全角キーを押したときに229が取得できることは 確認できたのですが、そのあと、日本語を入力すると、 入力確定前の文字が書き込まれて、確定すると普通にDIV内に日本語が書かれてしまいます。
関連するQ&A
- Altを使ったショートカットキー無効の方法
いつもお世話になってます。 javascriptで、IEのショートカットキーのいくつかを無効にしているのですが、 Altと組み合わせて使うショートカットキーの無効化ができずに困ってます。 例えば、Ctrl＋Iでお気に入りを開く処理の無効化はこう実現できました。 function keydown() { if(event.ctrlKey & event.keyCode == 73){ event.keyCode = 0; return false; } } document.onkeydown = keydown; ですが、Alt＋Dでアドレスバー選択の無効化は以下では実現できませんでした。 function keydown() { if(event.altKey & event.keyCode == 68){ event.keyCode = 0; return false; } } document.onkeydown = keydown; どうすれば実現できるのか、教えてください。
- 締切済み
- JavaScript
- ctrl+vを無効にする方法
タイトルのとおりなのですが、 javascriptで、キー制御（今回は、ctrl+v）をしたいのですが、どうすればよいのでしょうか？ ちょっと、調べてみたのですが、 if( ((event.ctrlKey == true) && (event.keyCode == 86))) { event.returnValue = false; return false; } で、できるようなのですが、どのイベントに書けばよいのでしょうか？ onkeydownとonkeyupでやってみましたが、ダメでした。 宜しくお願いします。 環境：Win2k(SP4)+IE6(SP1)
- ベストアンサー
- JavaScript
- テキストフィールドに半角数値以外入力させない方法…。
お世話になります！ JavaScriptで、 function checkNum() { c = String.fromCharCode(event.keyCode); if ("0123456789".indexOf(c,0) < 0) alert("数値以外入力できません"); } と記述し、実行してみたのですが確かに数値以外は入力できないのですが BackSpaceやEnterキー、Tabキーを押した時にもアラートが発生します…。 本を見て、 function checkNum() { c = String.fromCharCode(event.keyCode); if ("0123456789".indexOf(c,0) < 0) return false; return true; } と記述すると、フォーム自体に半角数字しか入力できなくなると書いてあったのですが 実行しても普通に全角入力できました…。（泣） 何か方法ありますか？ご存知の方、宜しくご教授願います★ ちなみに、勿論<input>部分にonKeyDown="***()"の記述はしてますし JavaScriptが有効な状態での実行です。
- ベストアンサー
- JavaScript
- 数値以外の入力をさせないようにした後・・・
いつもお世話になっています。 ****************************************************************** <htm> <head> <script language=javascript> <!-- function checkNum() { c=String.fromCharCode(event.keyCode); if("0123456789".indexOf(c,0)<0)return false; return true; } //--> </script> </head> <body> <form> <input type="text" onKeyDown="return checkNum()"> <input type="submit"> </form> </body> </htm> ****************************************************************** 以上のソースでテキストボックス内に数値以外入力できないようにしました。 が、こうすると入力した値を消そうとしてもBackSpace・Deleteキーが使えないのです。 どうしたら入力制限をかけつつ、両キーを有効にできるのでしょうか。
- ベストアンサー
- JavaScript
- 「Alt + ←」の機能（前のページに戻る）を抑止したい
◇環境 ブラウザ：Microsoft Internet Explorer 6.0 SP2 上記の環境で、「Alt + ←」の機能（前のページに戻る）をJavaScriptで抑止したいと考えています。サンプルとして、 window.document.onkeydown = altandArrowDisable(){ if(event.altKey && event.keyCode == 37) { event.keyCode = 0; return false; }else{ return true; } } と書いてみましたが機能（前のページに戻る）を抑止できません。 alert()を付加すると機能抑止できますが、それ以外で実現可能なのでしょうか？ 宜しくお願い致します。
- 締切済み
- JavaScript
- Tabキーのキャンセル
かなり短期間にこちらでいくつも質問して しまっていて申し訳ないのですが、 どうにも他で回答を調べられず…（＜力不足） と言う訳で、しつこく 「IEだけでなくNetscape6以降でも動かしたい」 処理についてお聞きいたします。 IEでは上手く動いてますが、Netscape6以降でTabのキャンセルは指定できるのでしょうか？ ちなみに↓のNetscape用関数は動きません(……。) 必要そうな所だけ書き出します↓ function document_onLoad() { // IE 4以降の場合 if (isIE) { // 各種イベントハンドラーの初期化 document.onkeydown = document_onKeyDownIE; } // N6,7の場合 if (isN6) { window.onkeydown = document_onKeyDownN6; } } /// tabキーが入力されたときのイベント処理(IE用) function document_onKeyDownIE() { // TABキー if (event.keyCode == 9) { // 本来のtabの処理をキャンセルする。 event.returnValue = false; } return; } /// tabキーが入力されたときのイベント処理(NN用) function document_onKeyDownN6(evt) { var keyCode = evt.which; if (keyCode == 9) { // 本来のtabの処理をキャンセルする。 evt.returnValue = false; evt.cancelBubble = true; } return; }
- ベストアンサー
- JavaScript
- テキストフィールドの入力規則（数値チェック）
http://oshiete1.goo.ne.jp/kotaeru.php3?q=143226 を参考にさせていただいて、以下のコードで実行してみました。 =============================== <BODY> <FORM NAME="f" ACTION="UPDATE" METHOD="POST" TARGET="FRAME_D" onSubmit="return conf();"> <INPUT TYPE="TEXT" NAME="FM_KINGAKU" onKeyDown="return keyCheck(event.keyCode);" > <SCRIPT TYPE="text/javascript" SRC="./JS.SOURCE"></SCRIPT> <SCRIPT TYPE="text/javascript"> <!-- function keyCheck(keyCodes){ if((keyCodes >= 49 && keyCodes <= 57) || (keyCodes >= 96 && keyCodes <= 105) || keyCodes == 46 || keyCodes == 8) return true; else return false; } function conf(WK_LINEINDEX){ /* 省略 */ } // --> </SCRIPT> </FORM> </BODY> =============================== しかし、数値以外のキーを押しても何事もなかったかのように 入力できてしまうのです。 前の質問者のlovelypoohさんは解決されたみたいなんですが、 いったい何が違うのでしょう？ onSubmit="return conf();" ってのと onKeyDown="return keyCheck(event.keyCode);" ってのが 同じFORMタグの中にある、とか関係あるのでしょうか？
- ベストアンサー
- JavaScript
- ファンクションキー制御？
こんにちわです。 タイトル通りなのですが、 JSでは、 function kdown(e) {var msg =""; var flg = 1; switch(window.event.srcElement.tagName){ case "INPUT" :if(event.srcElement.type != "text" && event.srcElement.type != "password" && event.keyCode!=9 && event.keyCode!=16 && event.keyCode!=32){return false;}else{flg=0;}break; case "TEXTAREA" :flg = 0;break; case "SELECT" :flg = 0;break; case "A" :flg = 2;break; } switch(event.keyCode){ case 8 :msg = "BS";break; case 78 :if(event.ctrlKey){msg = "Ctrl+N";}break; case 82 :if(event.ctrlKey){msg = "Ctrl+R";}break; case 116 :msg = "F5";break; case 122 :msg = "F11";break; } if(event.altKey){msg = "Alt";} if (flg == 0 ){switch(event.keyCode){case 8 :msg = "";break;case 13 :msg = "";break;}} else if (flg == 2 && event.keyCode==13)msg = ""; if(msg != ""){event.keyCode = 0;return false;}else{return true;} } document.onkeydown = kdown; こんな感じに制御するのを、 アクションスクリプトで制御出来ますか？ HTMLにこのJS埋め込んでも、FLASHの所クリックして、 各キー押すと意味なくなってしまうので・・ F5やF11など使用されたくないのですが・・・ 入れ替えなどでも良いのですが。。。 宜しくお願いします。
- 締切済み
- Flash
- IE8におけるショートカットキーの無効化方法
タイトルの通り、現在IE8環境で、ショートカットキーを無効にする方法を模索しています。 ネットで調べた結果、イベントを受け取ることまでは成功するのですが、 それを無効化することができません（一部のショートカットキー）。 現在試しているのが Ctrl++→拡大 Ctrl+－→縮小 の二つです。 htmlのバージョンは4.01 Strictを使用しています。 以下ソース window.document.attachEvent('onkeydown', onKeyEvent); window.document.attachEvent('onkeyup', onKeyEvent); function onKeyEvent(e){ if(!e) e = window.event; //確認用 //console.log("Key Code : " + e.keyCode); //console.log("Event Type : " + e.type); //console.log("Ctrl Key : " + e.ctrlKey); if(e.keyCode != 17){ if(e.ctrlKey){ switch(e.keyCode){ case 187: case 189: //e.keyCode = 0; e.returnValue = false; e.cancelBubble = true; //window.event = e; return false; } } } return true; } alert()をいれると無効化できるといった記述も見たのですが、 今回はその方法は使わずに実装する予定です。 どなたか方法をご存知でしたら、ご教授ください。 （コメントアウトしているものも試しましたが、うまくいきませんでした）
- 締切済み
- JavaScript
- returnの戻り値について
以前の質問を見ていてひとつわからないことがあるのです。 内容をそのままコピーしたのですが、この場合、キーが押されたときに関数を呼び出し、 returnで戻り値が「true/false」とありますが、戻ってきたときはどこにtrue/falseが入っているのですか？ <BODY> <FORM NAME="f" ACTION="UPDATE" METHOD="POST" TARGET="FRAME_D" onSubmit="return conf();"> <INPUT TYPE="TEXT" NAME="FM_KINGAKU" onKeyDown="return keyCheck(event.keyCode);" > <SCRIPT TYPE="text/javascript" SRC="./JS.SOURCE"></SCRIPT> <SCRIPT TYPE="text/javascript"> <!-- function keyCheck(keyCodes){ if((keyCodes >= 49 && keyCodes <= 57) || (keyCodes >= 96 && keyCodes <= 105) || keyCodes == 46 || keyCodes == 8) return true; else return false; } // --> </SCRIPT> </FORM> </BODY>
- ベストアンサー
- JavaScript
お礼
ありがとうございます。 keycodeばっかりに目がいってそういう発想がでてきませんでした。 ただ、IE8だとやはり書き込めちゃうみたいですが 何とかなりそうな気もしてきました。 IE8といってもXPのIE8で、vista以降のIE8だとkeycodeの取得もうまくいってるので もしかするとIMEのバージョンの違いとかそういうので変わってくるんでしょうか。