title_parttitle_parttitle_part
静岡県浜松市であれこれソフトを開発している A.K.I Software のブログです。日々の開発日記やサーバー・セキュリティ関連の話題なども掲載。
<< 2024/03 >>12345678910111213141516171819202122232425262728293031
《《《 ネットワーク機器の購入は Amazon で! 》》》
Powered by BLOM Win8CP の IE10 2つ。
小さくも大きくも閉じたりもしません
12/03/17 17:43 / IT関連

Windows8 になると IE10 になるのですが、タッチパネル関係か大きく追加されているので、マウスに代わるイベント関係に MSPointerDown とか色々と独自形式なものが追加されています。

もちろんプレビュー版ですので、正式版では当然変わるはずなのですが、色々と困ったことが。

Webmail で殆どの機能は問題無いのですが、唯一メールのドラッグ&ドロップでの移動について

1)AddEventListener で MSPointerDown をオブジェクトに追加してみると、動くのですが、従来の OnMouseDown が、なぜか正しく動作していない。

すごく単純な JavaScript でテストしてみたのですが

<script>
function changecolor() {
document.getElementByID("sample").style.background = "blue";
}
</script>

<body>
<div id="sample" style="width:300px; height:300px; background:red" onMouseDown="changecolor()">Test</div>
</body>

IE9 までだと、「マウスを押したら changecolor() が呼ばれて色が変わる」です。

IE10 だと、「マウスを押して『離したら』 changecolor() が呼ばれて色が変わる」です。

おいおい、onMouseDown ちゃんと動いてないぞ orz

ちなみに onLoad() で
downevent = "MSPointerDown";
document.getElementById("sample").addEventListener(downevent, function(e){ changecolor() }, false);

こんな感じでイベント登録すると正常に動作します。
(でも、e に this が入らない。うちだと null が返ってくるので単純な置き換えでは動かないっぽい)

あとメトロスタイルなどで、IE10 のレンダリング上でドラッグをすると OS の方で別のページに切り替わろうとしたり。

MSPointerDown を Bing で探していたら、MSDN の中の人が翻訳した記事で「すべてのブラウザーでマルチタッチ入力とマウス入力を処理する」
http://blogs.msdn.com/b/ie_jp/archive/2011/12/09/10245984.aspx
なんてのがありました。
ほうほう、確かにマウスではちゃんと MouseDown を認識しているなー(Win7 + IE9)
じゃぁ Win8CP の IE10 でも動くなら参考にさせて貰おうと思ったら・・・動きません(^-^;

正確には画面が上下にスクロールするので、最初のタッチは感知しているようですが、その後動かしても画面全体がスクロールしてしまいます。

Webmail でも、メール一覧は div コンテナの中でスクロールさせているのですが、overflow:scroll にしていると、中身のスクロールが優先されて onMouseMove が動きません。
まったく動かないのであれば、それはそれで納得できるんですが、overflow:none にしていると onMouseMove が有効に動いたりします・・・orz

ついでに言えば、onDblClick もデフォルトではズームアップに割り当てられているので動きません。
<style>
html { -ms-content-zooming: none; }
</style>
のように、HTML要素全体に ズーム機能を OFF にするというスタイル?を設定してやる必要があります。

ただ、これをやってもメトロ側のIE10だと、左右の切り替えは禁止できないようでして。
まぁ、OS の基本動作だしねぇ・・・

ゴリゴリと Webmail に IE10 用のコードを組み込んでいますが、どうにもIE10の正式版(せめてベータ版)が出てこないと、怖くて本チャンに組み込めません(^-^;

[更新日付:2012/03/17 18:28:57]
トラックバックを見る(0)
Log Link [https://akisoftware.com/cgi-bin/blom.exe?akisoft+sl+7d599bc6bf102f1dce7847e67b01b1737592c4ab]
TB Link [https://akisoftware.com/cgi-bin/blom.exe?akisoft+tb+7d599bc6bf102f1dce7847e67b01b1737592c4ab]

記事へのコメント

コメントはありません

名前
コメントキー
 
コメントする時はキーを正確に入力して下さい
コメント
アドレスを含んだコメントはできません
© 2008-10 A.K.I Software all rights reserved.