html文本框鼠标离开事件,html鼠标事件

该楼层疑似违规已被系统折叠隐藏此楼查看此楼

今天57号网络技术分享给大家介绍html鼠标事件，就是当前文本框获得焦点时，里面的原有文本清零。

首先我们来看一看源代码运行后的效果图片：

你也可以【点击预览】，看到我们真实的效果。

下面是源代码，喜欢就支持一下吧：

/p>

Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

xmlns="http://www.w3.org/1999/xhtml">

http-equiv="Content-Type" content="text/html; charset=gb2312"

57号网络技术分享平台—www.it57.net

name="description" />

* { margin:0; padding:0;

list-style:none;}

body { font-size:14px; margin:0; padding:0;

font-family:Verdana, Arial, Helvetica, sans-serif;}

#it57 { width:300px;

height:200px; margin:50px auto; border:1px dotted #0099FF;

padding:10px;}

#it57 h3 { width:300px; height:40px; line-height:40px;

float:left; text-align:center; background:#CC9999;}

#it57 .li_it57 {

width:300px; height:40px; line-height:40px; float:left;}

#it57 .li_it571 {

width:300px; height:40px; line-height:40px; float:left;

text-align:center;}

function

cls(){

//捕获触发事件的对象，并设置为以下语句的默认对象

with(event.srcElement)

//如果当前值为默认值，则清空

if(value==defaultValue) value=""

}

function

res(){

//捕获触发事件的对象，并设置为以下语句的默认对象

with(event.srcElement)

//如果当前值为空，则重置为默认值

if(value=="")

value=defaultValue

}

id="it57">

网民喜爱网站调查表：

class="li_it57">你喜欢的网站：

οnfοcus="cls()" οnblur="res()">

class="li_it57">网站的地址是：

οnblur="res()">

class=button1 id="baoming_but" type=submit value=" 提交报名 " onClick="javascript:if(confirm('你上当了，不能提交的！继续？')){alert('勇气可嘉，你获得了一个响亮的名字“坚持狂”');}else{alert('半途而废，你注定就这么没有出息！');return

false;}" name=button>

id="baoming_but" name="Reset" value=" 重新填写 " onClick="javascript:if(confirm('你上当了，不能提交的！继续？')){alert('勇气可嘉，你获得了一个响亮的名字“坚持狂”');}else{alert('半途而废，你注定就这么没有出息！');return

false;}" />

color="#FF0000">*只是为了娱乐，大家开心就好！

更多精彩计算机网络技术请前往：http://www.it57.net or http://www.jsjwl.cn

html文本框鼠标离开事件,html鼠标事件_文本框事件相关推荐

鼠标离开触发ajax,鼠标离开浏览器窗口时的Javascript事件[重复]
我希望当鼠标离开浏览器窗口时运行一些Javascript代码.我只需要支持Safari(WebKit). 我尝试将mouseout处理程序放在窗口上.当鼠标离开浏览器窗口时,将可靠地调用该处理程序.但 ...
js 隔行变色+鼠标移上换色+鼠标离开颜色恢复+鼠标点击弹出点击的是第几行是什么颜色
隔行变色: 先获取要操作的HTML标签 var oLis = document.querySelectorAll('li') 循环HTML标签 for (var i = 0; i < oLis. ...
css 鼠标离开样式,CSS3 - 鼠标移入移出时改变样式
1,使用伪类实现样式切换伪类是CSS2.1时出现的新特性,让许多原本需要JavaScript才能做出来的效果使用CSS就能实现. 比如实现下面的鼠标悬停效果,只要为:hover伪类应用一组新样式即可 ...
不良事件总结怎么写_护理不良事件总结分析.doc
护理不良事件总结分析.doc 2013年护理不良事件事件总结分析未进一步增强护理人员安全意识,消除安全隐患,提高服务质量,降低和防范医疗风险,确保医疗安全.现就将本年度不良事件原因进行分析,提出持续改 ...
html鼠标离开点击停留,Javascript DOM事件操作小结(监听鼠标点击、释放，悬停、离开等)...
本文实例总结了Javascript DOM事件操作.分享给大家供大家参考,具体如下: 使用JavaScript可以对HTML页面上的各种事件进行监听,如鼠标点击/释放,鼠标悬停/离开,等等. 效果图: ...
html鼠标悬停事件 dw,dw制作鼠标放上去图片就显示鼠标离开图片就消失
今天小编就为大家介绍dw制作鼠标放上去图片就显示鼠标离开图片就消失的效果,操作方法很简单的,不会的朋友可以参考本文哦! 操作步骤: 1.新建"HTML文档",在"布局&q ...
鼠标悬停事件onmouseover和鼠标离开事件onmouseout
有时候需要悬停和离开的时候处理一下逻辑比如悬停的时候弹出tips 离开的时候不显示我下面的一个例子是图片在悬停的时候放大离开的时候还原图片地址填写你自己实际的路径 <img al ...
鼠标移动事件（鼠标移动到主菜单上显示子菜单）
mouseenter():当鼠标指针穿过元素时,会发生 mouseenter 事件.与 mouseover 事件不同,只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件.如果鼠标指针穿 ...
python作业.创建两个文本框，一个按钮。第 1 个文本框绑定任意键事件，敲击键盘任意可显示字符，在交互窗口中显示该字符；第 2 个文本框绑定＜a＞键事件，敲击键盘 a 字符，在交互窗口中显示 10
""" 创建两个文本框,一个按钮. 第 1 个文本框绑定任意键事件,敲击键盘任意可显示字符,在交互窗口中显示该字符: 第 2 个文本框绑定<a>键事件,敲击键 ...

html文本框鼠标离开事件,html鼠标事件_文本框事件

网民喜爱网站调查表：

html文本框鼠标离开事件,html鼠标事件_文本框事件相关推荐

最新文章

热门文章