今天做一个登陆界面账号密码的文本框的一个提示。就是鼠标移开的时候就会出现提示:请输入用户名,输入密码。鼠标指向(获取焦点)文本框的时候,提示就自动消失,然后后台获取的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 事件处理 事件绑定 示例...
第6章 JavaScript中的事件与事件处理
JavaScript 事件是指 JavaScript 中与用户或浏览器交互时发生的事件处理,包括页面的装载、用户点击按钮等。JavaScript 事件可以分为三种类型:事件冒泡、事件捕获和 DOM 事件流。 事件流 事件流是指浏览器厂商...
JavaScript 事件机制是指浏览器中发生的各种事件,例如点击、鼠标悬停、键盘输入等,JavaScript 通过捕捉这些事件来执行相应的操作。本文将详细介绍 JavaScript 事件机制的实现方式和原理。 事件机制的实现方式有...
JavaScript 事件处理 常用事件(鼠标事件、键盘事件、表单事件)示例代码JavaScript 事件处理 常用事件(鼠标事件、键盘事件、表单事件)示例代码JavaScript 事件处理 常用事件(鼠标事件、键盘事件、表单事件)示例...
实验报告详细介绍了JavaScript事件处理的相关知识,这在Web开发中是非常关键的一部分,因为事件是用户与网页交互的主要方式。以下是对各个知识点的详细说明: 1. **JavaScript事件基本概念**: - **事件**:是用户...
实现JavaScript 动态加载事件
这篇博文“使用webview加载本地html页面,并处理html页面中的javascript事件”探讨了如何利用WebView来加载本地HTML文件,并且如何处理HTML页面中的JavaScript事件,这对于创建混合型应用或实现特定功能(如在原生...
Javascript_事件处理,讲解了JAVASCRIPT事件开发中注意的事项,步骤,有条理的讲解
在W3C规范出台之前,JavaScript事件机制在IE和Netscape浏览器中有两种不同的处理方式:冒泡和捕获。IE采用冒泡模型,事件从子元素向上冒泡到父元素;Netscape则采用捕获模型,事件从父元素向下捕获到子元素。W3C标准...
JavaScript 中的事件处理 JavaScript 提供了多种方式来处理事件,例如使用 HTML 属性指定事件处理器,或者使用 JavaScript 属性指定事件处理器。 使用 HTML 属性指定事件处理器的优点是简洁明了,但缺点是混合了 ...
JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 ...
JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源...
JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 ...
JavaScript 事件驱动是指在 Web 应用程序中使用 JavaScript 语言来实现客户端的交互功能,通过事件驱动机制来响应用户的输入和操作。 JavaScript 语言是一种基于对象的脚本语言,通常用于客户端和服务器端的 ...
在描述中提到了一个具体的例子,即在ASP.NET的GridView控件中,当gvwProducts_RowCommand1事件中包含的JavaScript方法没有正常执行,导致页面部分隐藏的效果未能实现。 AJAX(Asynchronous JavaScript and XML)的...
在JavaScript中,事件是用户与网页交互的基础。除了浏览器提供的原生事件,如点击、滚动和键盘事件,开发者还可以创建自定义事件来满足特定的应用需求。自定义事件允许开发者定义事件的类型、携带的数据以及触发的...
JavaScript中文帮助文档是针对中文使用者编译的一份详尽参考资料,它涵盖了JavaScript的基本语法、数据类型、控制流程、函数、对象、DOM操作、事件处理、AJAX异步通信、浏览器兼容性问题等多个方面。这份文档的存在...
JavaScript 的事件处理
JavaScript事件查询是Web开发中的重要概念,它涉及到用户与网页交互时的各种响应处理。这篇文档“javascript事件查询综合”很可能是对JavaScript事件处理机制的详细阐述。在Web开发中,JavaScript事件模型允许开发者...