JavaScript iframeを置くとclientX、Yが取れない

Question

iframeを置くと
x=event.clientX;
y=event.clientY;
が取れません
どうやったら取れるのでしょうか？

<script>
window.onmousemove=function(){
x=event.clientX;
y=event.clientY;
document.title=x+" "+y;
}
</script>

<style>
body,html{
height:100%;
margin:0;
}
</style>

<iframe style="width:100%;height:100%"></iframe>

<script>
window.onload=function(){
document.getElementById("a").onmousemove=function(){
x=event.clientX;
y=event.clientY;
document.title=x+" "+y;
}
}
</script>

<style>
body,html{
height:100%;
margin:0;
}
</style>

<iframe id="a" style="width:100%;height:100%"></iframe>

これ以外の方法はあるのでしょうか？
<script>
window.onload=function(){
document.getElementById('a').contentWindow.window.onmousemove=function(){
x=document.getElementById('a').contentWindow.window.event.pageX;
y=document.getElementById('a').contentWindow.window.event.pageY;
document.title=x+" "+y;
}
}
</script>

<style>
body,html{
height:100%;
margin:0;
}
</style>

<iframe id="a" style="width:100%;height:100%"></iframe>

Answer 1

iframeのeventを取得するには、.contentWindowを追加したらいけると思います。

window.onload = function() {
  document.getElementById("a").contentWindow.onmousemove = function() {
    x = event.clientX;
    y = event.clientY;
    document.title=x+" "+y;
  }
}

Comments

[pgpr]

回答ありがとうございます
その方法でもいいのですが、スマホ（Android クローム）で動いてくれませんがどうしたらいいのでしょうか

window.onload = function() {
document.getElementById("a").contentWindow.ontouchmove = function() {
x = event.touches[0].clientX;
y = event.touches[0].clientY;
document.title=x+" "+y;
}
}

[pgpr]

勘違いでした
動いていました