中获得文本框焦点和失去焦点的方法,页面只能打开一次Cooike如何实现

前端开发过程中,经常需要这样的场景。用JS实现将光标定位于输入框最右侧。

先来看javascript的直接写在了input上

最近在做webIM,嵌入到OA系统,由于WEBIM处在独立页面,所以如果多次点击就会出现多个页面,这样在IE6下,服务器推送会认不到页面.所以有了下面的代码:

场景一:编辑图片的描述文字

复制代码 代码如下:

复制代码 代码如下:

图片 1
场景二:Script.aculo.us的Ajax.InPlaceEditor类。双击可编辑,编辑后离开可自动更新该区域。

<input name=”pwuser” type=”text” id=”pwuser” class=”input”
value=”楼盘账号” onBlur=”if(this.value==”) this.value=’楼盘账号’;”
onFocus=”if(this.value==’楼盘账号’) this.value=”;” />
<input name=”pwpwd” type=”password” class=”input1″
value=”******” onBlur=”if(this.value==”)
this.value=’******’;” onFocus=”if(this.value==’******’)
this.value=”;”>

<script language=”javascript” type=”text/javascript”>
window.onload = function () {
if (GetCookie(“IsOpen”) == “”) {
SetCookie(“IsOpen”, “1”);
StartService();
} else {
window.onunload = null;
window.opener = null;
window.open(“”, “_self”);
window.close();
}
} window.onunload = function () {
if (GetCookie(“IsOpen”) != “”)
DeleteCookie(“IsOpen”);
}
function GetCookieVal(offset) {
/// <summary>
/// //取得项名称为offset的cookie值
/// </summary>
/// <param name=”name”>Cookie名称</param>
var endstr = document.cookie.indexOf(“;”, offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie(name) {
/// <summary>
/// 根据名称获得Cookie值
/// </summary>
/// <param name=”name”>Cookie名称</param>
var arg = name + “=”;
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return GetCookieVal(j);
i = document.cookie.indexOf(” “, i) + 1;
if (i == 0) break;
}
return “”;
}
function SetCookie(name, value) {
/// <summary>
/// 设置Cookie
/// </summary>
/// <param name=”name”>Cookie名称</param>
/// <param name=”value”>Cookie值</param>
var argc = SetCookie.arguments.length;
var argv = SetCookie.arguments;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + “=” + value +
((path == null) ? “” : (“; path=” + path)) +
((domain == null) ? “” : (“; domain=” + domain)) +
((secure == true) ? “; secure” : “”);
}
function DeleteCookie(name) {
/// <summary>
/// 删除Cookie
/// </summary>
/// <param name=”name”>Cookie名称</param>
var exp = new Date();
exp.setTime(exp.getTime() – 1);
var cval = GetCookie(name);
document.cookie = name + “=” + cval + “; expires=” +
exp.toGMTString();
}
</script>

以上场景都需要JS实现将光标定位于输入框最右侧,却不是通过鼠标点入输入框内。

jquery实现方法
对于元素的焦点事件,我们可以使用jQuery的焦点函数focus(),blur()。

把上面的代码,放到head下面就可以了.呵呵够简单了吧?当然上面的代码主要解决的是用超链接打开的页面,如果是window.open打开的页面呢,那就更简单了,代码如下:

我们知道实现最基本的方法是HTMLElement的focus方法。如下

focus():得到焦点时使用,和javascript中的onfocus使用方法相同。
如:

复制代码 代码如下:

复制代码 代码如下:

复制代码 代码如下:

var win = null;//定义一个变量去判断就可以了
if (win == null)
{
win=window.open(“Main.aspx”, ”, strfeatures);
}

<p>
<input type=”text” value=”hello”/>
</p>
<script>
var input = document.getElementsByTagName(‘input’)[0];
input.focus();
</script>

$(“p”).focus(); 或$(“p”).focus(fn)

发表评论

电子邮件地址不会被公开。 必填项已用*标注