用鼠标事件实现一个输入手机号码并进行检测的小栗子

最新推荐文章于 2022-02-19 22:15:37 发布

程序媛莫得感情

最新推荐文章于 2022-02-19 22:15:37 发布

阅读量230

点赞数

本文链接：https://blog.csdn.net/qq_36790395/article/details/88780622

版权

该博客介绍如何实现一个手机号码输入框，要求输入11位数字，并在鼠标点击时显示提示信息。输入正确时显示正确图标，错误时显示错误图标。主要涉及鼠标点击事件处理、内容有效性检测及图片显示的逻辑。

摘要由CSDN通过智能技术生成

实现效果：（主要是实现功能，样式那些就暂时不整那么花哨了）
在这里插入图片描述
分析：很明显要用到鼠标点击事件的onfocus()方法和onblur()方法。其次，改变左侧显示的图片时，要用到innerHTML属性。
思路：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		*{

关注