`
guo_jinchen
  • 浏览: 1241 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript中的事件问题

阅读更多
今天做一个登陆界面账号密码的文本框的一个提示。就是鼠标移开的时候就会出现提示:请输入用户名,输入密码。鼠标指向(获取焦点)文本框的时候,提示就自动消失,然后后台获取的value是自己现在填写的value;


其实最简单的方法是input标签里有一个textDefault属性,但是有时候不支持,不知道为什么。
1,首先 这个javascript得事件应该采用onfocus 和onblur 事件。
2,如果用onclick事件的话,后台获取的值将永远是javascript 里面onclick事件里重置的value值。
3,不能用onblur方法,如果用onblur方法的话,只要一移开文本框,就失去焦点,然后就会把value值会永远是“填写具体书名”了。

javascript里的方法也可以这样写:
document.getElementById('clearBlank').onfocus = function(){
var c = document.getElementById('clearBlank').value;
if(c.length>0)
{
document.getElementById('clearBlank').value="";
}
}

document.getElementById('clearBlank').onblur = function(){
document.getElementById('clearBlank').value="填写具体书名";
}


document.getElementById('emailBlank').onfocus = function(){
var c = document.getElementById('emailBlank').value;
if(c.length>0)
{
document.getElementById('emailBlank').value="";
}
}

document.getElementById('emailBlank').onblur = function(){
document.getElementById('emailBlank').value="请填写email";
}



java初学者,望大家指正。
分享到:
评论

相关推荐

    JavaScript 事件处理 事件绑定 示例代码

    事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例...

    第6章 JavaScript中的事件与事件处理

    第6章 JavaScript中的事件与事件处理

    第三章 JavaScript事件

    JavaScript 事件是指 JavaScript 中与用户或浏览器交互时发生的事件处理,包括页面的装载、用户点击按钮等。JavaScript 事件可以分为三种类型:事件冒泡、事件捕获和 DOM 事件流。 事件流 事件流是指浏览器厂商...

    JavaScript事件机制详细研究

    JavaScript 事件机制是指浏览器中发生的各种事件,例如点击、鼠标悬停、键盘输入等,JavaScript 通过捕捉这些事件来执行相应的操作。本文将详细介绍 JavaScript 事件机制的实现方式和原理。 事件机制的实现方式有...

    JavaScript 事件处理 常用事件(鼠标事件、键盘事件、表单事件)示例代码

    JavaScript 事件处理 常用事件(鼠标事件、键盘事件、表单事件)示例代码JavaScript 事件处理 常用事件(鼠标事件、键盘事件、表单事件)示例代码JavaScript 事件处理 常用事件(鼠标事件、键盘事件、表单事件)示例...

    JavaScript程序设计——事件处理实验报告.docx

    实验报告详细介绍了JavaScript事件处理的相关知识,这在Web开发中是非常关键的一部分,因为事件是用户与网页交互的主要方式。以下是对各个知识点的详细说明: 1. **JavaScript事件基本概念**: - **事件**:是用户...

    JavaScript动态加载事件

    实现JavaScript 动态加载事件

    使用webview加载本地html页面,并处理html页面中的javascript事件

    这篇博文“使用webview加载本地html页面,并处理html页面中的javascript事件”探讨了如何利用WebView来加载本地HTML文件,并且如何处理HTML页面中的JavaScript事件,这对于创建混合型应用或实现特定功能(如在原生...

    Javascript_事件处理

    Javascript_事件处理,讲解了JAVASCRIPT事件开发中注意的事项,步骤,有条理的讲解

    javascript事件详解

    在W3C规范出台之前,JavaScript事件机制在IE和Netscape浏览器中有两种不同的处理方式:冒泡和捕获。IE采用冒泡模型,事件从子元素向上冒泡到父元素;Netscape则采用捕获模型,事件从父元素向下捕获到子元素。W3C标准...

    JavaScript程序设计课件:第 5 章 事件和事件处理.ppt

    JavaScript 中的事件处理 JavaScript 提供了多种方式来处理事件,例如使用 HTML 属性指定事件处理器,或者使用 JavaScript 属性指定事件处理器。 使用 HTML 属性指定事件处理器的优点是简洁明了,但缺点是混合了 ...

    JavaScript 事件处理 二级菜单级联 示例代码

    JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 ...

    JavaScript之DOM事件(源代码)

    JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源...

    JavaScript 事件处理 下拉列表和可选项 示例代码

    JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 ...

    JavaScript的事件驱动.pdf

    JavaScript 事件驱动是指在 Web 应用程序中使用 JavaScript 语言来实现客户端的交互功能,通过事件驱动机制来响应用户的输入和操作。 JavaScript 语言是一种基于对象的脚本语言,通常用于客户端和服务器端的 ...

    AJAX中不触发javascript事件

    在描述中提到了一个具体的例子,即在ASP.NET的GridView控件中,当gvwProducts_RowCommand1事件中包含的JavaScript方法没有正常执行,导致页面部分隐藏的效果未能实现。 AJAX(Asynchronous JavaScript and XML)的...

    JavaScript自定义事件的创建与应用:深入指南

    在JavaScript中,事件是用户与网页交互的基础。除了浏览器提供的原生事件,如点击、滚动和键盘事件,开发者还可以创建自定义事件来满足特定的应用需求。自定义事件允许开发者定义事件的类型、携带的数据以及触发的...

    JavaScript中文帮助文档

    JavaScript中文帮助文档是针对中文使用者编译的一份详尽参考资料,它涵盖了JavaScript的基本语法、数据类型、控制流程、函数、对象、DOM操作、事件处理、AJAX异步通信、浏览器兼容性问题等多个方面。这份文档的存在...

    JavaScript 的事件处理

    JavaScript 的事件处理

    javascript事件查询综合

    JavaScript事件查询是Web开发中的重要概念,它涉及到用户与网页交互时的各种响应处理。这篇文档“javascript事件查询综合”很可能是对JavaScript事件处理机制的详细阐述。在Web开发中,JavaScript事件模型允许开发者...

Global site tag (gtag.js) - Google Analytics