2013年7月20日土曜日

AngularJS での IME 操作

AngularJS での IME 操作をする必要が出てきそうだったので実験をしてみた。
動きはする物のあまり動作が理解が出来ていない。
また、ブラウザによっては動作しないため意味の無いコードなのかも知れない。
<!DOCTYPE html>
<html>
   <head>
      <meta http-equiv="content-type" content="text/html; charset=UTF-8">
      <title> IME Control Test</title>
      <script type='text/javascript' src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
      <script type='text/javascript'>
         function focusCtrl($scope) {
         }

         angular.module('app', [])
         .directive('ngFocusImeOn', ['$parse', function($parse) {
               return function(scope, element, attr) {
                  element.css({"ime-mode" : "active"});
               };
         }])
         .directive('ngFocusImeOff', ['$parse', function($parse) {
               return function(scope, element, attr) {
                  element.css({"ime-mode" : "inactive"});
               };
         }]);
      </script>
   </head>
<body>
   <div ng-app="app">
      <div ng-controller="focusCtrl">
         IME ON <input ng-focus-ime-on />
         IME OFF <input ng-focus-ime-off />
      </div>
   </div>
</body>
</html>

0 件のコメント:

コメントを投稿