2

ブラウザが次の場所に移動しないようにしようとしている VML シェイプがありhrefます。

<!DOCTYPE html>
<html>
    <head>
<style type="text/css">
#a, #b {
    position: absolute;
    top: 10px;
    width: 100px;
    height: 100px;
    display: block;
}
#a {
    left: 10px;
    background: red;
}
#b { left: 120px; }
</style>
<script type="text/javascript">

(function() { 

document.namespaces.add('v', 'urn:schemas-microsoft-com:vml', '#default#VML');

window.onload = function() {

    var a = document.getElementById('a');
    a.attachEvent('onclick', function(e) {
        console.log('A');
        e.returnValue = false;
        return false;
    });

    var b = document.getElementById('b');
    b.attachEvent('onclick', function(e) {
        console.log('B');
        e.returnValue = false;
        return false;
    });

};

})();
</script>
    </head>
    <body>
        <a id="a" href="/foo"></a>
        <v:rect id="b" href="/bar"><v:fill color="#0000ff" /></v:rect>
    </body>
</html>

このサンプルを IE8 で実行します。リンク (赤い形) を適切にクリックすると、ブラウザ/fooがreturnValue = false/return false.

ただし、 でナビゲーションをキャンセルしようとしても<v:rect> 機能しません。ブラウザは/bar!に移動します。

これを回避する解決策はありますか？

4

1 に答える 1