jQuery响应鼠标事件并隐藏与显示input默认值

首页

web前端

js教程

jQuery响应鼠标事件并隐藏与显示input默认值_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:38 PM

input 默认值鼠标事件

分享下jQuery如何隐藏和显示 input 默认值的例子。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>jQuery 隐藏与显示 input 默认值</title> 
<script language="javascript" src="jquery-1.7.1.min.js"></script> 
</head> 
<body> 
<p><input type="text" value="请输入邮箱地址" id="email" id="email" /></p> 
<p><input type="button" value="提交" /></p> 
<script type="text/javascript"> 
$("#email").focus(function(){ 
var email_txt = $(this).val(); 
if (email_txt == this.defaultValue) { 
$(this).val(""); 
} 
}) 
$("#email").blur(function(){ 
var email_txt = $(this).val(); 
if (email_txt == "") { 
$(this).val(this.defaultValue); 
} 
}) 
</script> 
</body> 
</html>

登录后复制

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7316

Java教程

1625

CakePHP 教程

1349

Laravel 教程

1261

PHP教程

1208

显示更多

Related knowledge

laravel input隐藏域怎么实现 Dec 12, 2022 am 10:07 AM

laravel input隐藏域的实现方法：1、找到并打开Blade模板文件；2、在Blade模板中使用method_field方法来创建隐藏域，其创建语法是“{{ method_field('DELETE') }}”。

vue3怎么封装input组件和统一表单数据 May 12, 2023 pm 03:58 PM

准备工作用vuecreateexample创建项目，参数大概如下：用原生input原生的input，主要是value和change，数据在change的时候需要同步。App.tsx如下：import{ref}from'vue';exportdefault{setup(){//username就是数据constusername=ref('张三');//输入框变化的时候，同步数据constonInput=;return()=>({

学会使用Vue的v-on指令处理鼠标移入移出事件 Sep 15, 2023 am 08:34 AM

学会使用Vue的v-on指令处理鼠标移入移出事件鼠标移入移出事件是Web页面中常见的交互效果之一，Vue中提供了v-on指令，可以方便地处理这些事件。本文将介绍如何使用Vue的v-on指令来处理鼠标移入移出事件，并提供具体的代码示例。在使用Vue的v-on指令处理鼠标移入移出事件之前，我们需要了解v-on指令的基本用法。v-on指令用于监听DOM事件，并在事

JavaScript中的事件类型：常见的键盘和鼠标事件 Sep 03, 2023 am 09:33 AM

JavaScript提供了广泛的事件，使您可以与网页上的用户操作进行交互并做出响应。在这些事件中，键盘和鼠标事件是最常用的。在本文中，我们将了解JavaScript中不同类型的键盘和鼠标事件，并查看如何使用它们的示例。键盘事件当用户与键盘交互时，例如按下某个键、释放某个键或键入字符，就会发生键盘事件。键盘事件让我们可以做一些很酷的事情，例如检查用户是否在表单中正确输入了某些内容，或者在按下特定键时发生某些操作。就好像网站正在监听您按下的键并做出相应的反应。键盘事件分为三种类型：keydown事件

Vue中的v-on指令：如何处理鼠标事件 Sep 15, 2023 am 11:39 AM

Vue中的v-on指令：如何处理鼠标事件，需要具体代码示例Vue.js是一款流行的JavaScript框架，它采用组件化的方式构建用户界面。在Vue中，可以使用v-on指令来处理各种鼠标事件，例如点击、悬停、滚动等。本文将介绍如何使用v-on指令处理鼠标事件，并提供具体的代码示例。在Vue中，v-on指令用于绑定事件处理函数。它的语法是v-on:事件名，例如

Vue文档中的input框绑定事件详解 Jun 21, 2023 am 08:12 AM

Vue.js是一种轻量级的JavaScript框架，具有易用、高效和灵活的特点，是目前广受欢迎的前端框架之一。在Vue.js中，input框绑定事件是一个十分常见的需求，本文将详细介绍Vue文档中的input框绑定事件。一、基础概念在Vue.js中，input框绑定事件指的是将输入框的值绑定到Vue实例的数据对象中，从而实现输入和响应的双向绑定。在Vue.j

点击input框没有光标怎么办 Nov 24, 2023 am 09:44 AM

点击input框没有光标的解决办法：1、确认输入框焦点；2、清除浏览器缓存；3、更新浏览器；4、使用JavaScript；5、检查硬件设备；6、检查输入框属性；7、调试JavaScript代码；8、检查页面其他元素；9、考虑浏览器兼容性。

Vue文档中的input框回车事件和验证函数使用方法 Jun 20, 2023 am 09:13 AM

Vue是一个流行的JavaScript前端框架，它的核心是响应式数据绑定和组件系统。在Vue的应用程序中，input框是最常用的UI元素之一。在用户输入文本时，我们希望可以监听回车事件，并且在提交前对输入内容进行验证。本篇文章将介绍Vue文档中的input框回车事件和验证函数使用方法。一、Vue中input框回车事件在Vue中监听input框的回车事件非常简

See all articles

jQuery响应鼠标事件并隐藏与显示input默认值_jquery

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题