2013年4月15日 星期一

javascript 抓取滑鼠位置

document.onmousemove = function (event) {
  var e = event || window.event;
  if(e.pageX || e.pageY)
    return {x:e.pageX, y:e.pageY};
  else
    return {
      x: e.clientX + document.body.scrollLeft - document.body.clientLeft,
      y: e.clientY + document.body.scrollTop - document.body.clientTop
    };
}

2013年4月10日 星期三

android 部分 browser 的input 與 textarea 不能使用css

最近工作上碰到一個問題
使用android的預設瀏覽器的時候
發現當focus到input或textarea要輸入文字的時候
css會被取消掉的問題
本來一直以為是瀏覽器故意這麼做,沒有解決的方法
後來無意間還是讓我找到解法
就是在css加上

-webkit-user-modify: read-write;

後來有查到這是chrome跟safari支援的寫法
firefox 支援的是
-moz-user-modify: read-write;

裡面可以填的參數有
read-only, read-write, read-write-plaintext-only

CSS3也有定義相關的參數, 只是不知道目前各瀏覽器的支援程度如何
user-modify
相關的連結如下
http://www.w3.org/TR/2000/WD-css3-userint-20000216#user-modify

google keep 網頁版

https://drive.google.com/keep/