bootstrap-datetimepicker定位不准问题修复

在bootstrap 3.0中我们总是在项目中，会遇到使用时间控件的时候，为了和bootstrap的风格统一，你可以很容易在搜索引擎中找到一个很棒的时间插件https://github.com/smalot/bootstrap-datetimepicker read more »

js获取Enter（回车）事件

很多时候，在填写完资料、帐号、密码等之后，用户习惯性地会按Enter（回车键）表示完成。

为了做好用户体验，我们必须在此监听这一动作。

具体逻辑是，在前面的input标签里监听onkeydown事件，当用户输入完之后，按回车键，立马跳到下一个输入框，到最后一个输入框输入完成时，就按回车，focus到提交标签那里。

第一种是：在input标签里面添加onkeydown事件。

<input onkeydown=”jump(下一个input的id)” type=”text” id=”name” />
<input onkeydown=”jump(下一个input的id)” type=”text” id=”pwd” />
<input onkeydown=”jump(下一个input的id)” type=”text” id=”code” />
<input  type=”submit” id=”submit” value=”登录”/>

<script type=”text/javascript”>
function jump(next){
var nextInp = document.getElementById(next);
var event = arguments.callee.caller.arguments[0] || window.event;
if(event.keyCode == 13){//判断是否按了回车，enter的keycode代码是13，想看其他代码请猛戳这里。
nextInp.focus();
}
}
</script>

第二种是：在js里面添加onkeydown监听事件（监听方法比较多，这里只列举一种）。

这里只列举一个标签的事件，其他代码自己再组织吧。

<input type=”text” id=”code” />
<input type=”submit” id=”btnS” value=”登录”/>
<script type=”text/javascript”>
var code= document.getElementById(“code”);
var btnS= document.getElementById(“btnS”);
function jump(event){
var event = event || window.event;//这里的event兼容跟上面不同，关于event的兼容，请猛戳这里
if(event.keyCode == 13){
btnS.focus();
}
}
code.onkeydown=jump;
</script>

浏览器缓存机制

浏览器缓存机制，其实主要就是HTTP协议定义的缓存机制（如： Expires； Cache-control等）。但是也有非HTTP协议定义的缓存机制，如使用HTML Meta 标签，Web开发者可以在HTML页面的节点中加入标签，代码如下： read more »

Jquery的$命名冲突

在Jquery中，$是Jquery的别名，所有使用$的地方也都可以使用Jquery来替换，如$(‘#msg’)等同于JQuery(‘#msg’)的写法。然而，当我们引入多个js库后，在另外一个js库中也定义了$符号的话，那么我们在使用$符号时就发生了冲突。下面以引入两个库文件jquery.js和prototype.js为例来进行说明。 read more »

3 / 5 12345