kylin

醉里论道,醒时折花。

kylin

ios输入法的keyup事件失效的解决方法

如下图所示,若果直接点击红框部分输入文字的话将不触发keyup事件,这时可以改用原生的oninput事件,chrome等浏览器可以这样处理
Alt text

1
2
3
4
var this_obj = document.getelementbyid(x);
obj.oninput = function(){
//事件内容
}

如下图所示,若果直接点击红框部分输入文字的话将不触发keyup事件,这时可以改用原生的oninput事件,chrome等浏览器可以这样处理

img的onload与complete

今天遇到了一个奇怪的bug
需要将图片裁剪至合适的大小,然后我这样一个方法

1
2
3
4
5
var x = 65;
if(width>height)
$(this).css("height",x);
else
$(this).css("width",x);

由于各种原因<img>元素是通过字符串在js里面拼接出来的,上面那个方法用在append到界面上之后
刚做完的时候貌似没有问题,但是多刷新几次之后,神奇的事情发生了,这个方法居然时灵时不灵!

后来通过研究发现,这个方法应该在图片加载完之后调用。
下面是改良之后的方法:

阅读全文

js原生实现cookie的读写和删除

之前做忘记密码功能一直用的jquery的cookie插件,这一次尝试用js原生来写,发现也并不复杂。
最简单的实现:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function getCookie(name)
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}
function setCookie(name,value){
document.cookie = name+"="+value;
}
function delCookie(name){
setCookie(name,"");
}

然而这个实现方法并不能真正删除cookie,只是将其置空

阅读全文