js 文本 控件添加鼠标离开事件

最新推荐文章于 2022-10-07 17:04:18 发布
原创 最新推荐文章于 2022-10-07 17:04:18 发布 · 1.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用JavaScript监听文本控件的失去焦点（blur）事件，当控件值中不包含特定字符串（如'ACTION'）时，自动插入该字符串。

例如：给控件鼠标离开后，如果控件值不存在action字符串，则自动添加action字符串

document.getElementById("控件ID").bind("blur",function(){

    var value =document.getElementById("控件ID").val(); 
    if(value!=null&&value!=""){
    if(value.indexOf("Action")==-1){
    document.getElementById("控件ID").val(value+"Action");
    }
    }
Javascript：DOM事件（监听鼠标点击/释放，鼠标悬停/离开等）
books1958的专栏
01-27 1万+
使用Javascript可以对HTML页面上的各种事件进行监听，如鼠标点击/释放，鼠标悬停/离开，等等。
文本框在鼠标离开时触发JS方法
___ 、努ㄌ
07-31 2万+
function validate() { var name = document.getElementById("txtName"); if (name.value == 2) { alert("你必须不是二!"); name.focus();
鼠标移入与离开事件及页面开关
m0_59505309的博客
06-22 1357
鼠标移入与离开事件及页面开关
Javascript中鼠标事件
m0_67427343的博客
09-28 1006
Javascript鼠标事件，鼠标事件的用法
JavaScript随笔1
WWQ
07-07 273
鼠标移开事件（onmouseout）鼠标移开事件，当鼠标移开当前对象时，执行onmouseout调用的程序。当把鼠标移动到"登录"按钮上，然后再移开时，触发onmouseout事件，调用函数message()，代码如下:光标聚焦事件（onfocus）当网页中的对象获得聚点时，执行onfocus调用的程序就会被执行。如下代码, 当将光标移到文本框内时，即焦点在文本框内，触发onfocus 事件，并调...
JS的精髓，事件详解
大河之犬的博客
10-07 1514
在这个例子中，浏览器从上到下解析到window.onload时，就会先不解析window.onload里面的代码，而是继续往下解析，直到把整个HTML文档解析完后才会回去执行window.onload里面的代码。在这个例子中，我们使用div元素模拟出一个按钮，并且为它添加了单击事件。选取文本后点击鼠标右键，【复制】这个选项还可以点击，但实际上，点击【复制】选项后再粘贴，是粘贴不出内容来的。实际开发中，我们在使用搜索框的时候，每次点击搜索框，它就自动帮我们把文本框内的文本全选中了，此时就用到了。
鼠标焦点离开文本框时验证的js代码
10-27
在本文中，我们将深入了解如何利用JavaScript（js）编程语言来实现对网页表单文本框的实时验证功能。当我们与网页上的表单进行交互时，如填写个人信息、搜索查询等，常常需要对用户输入的数据进行合法性检查。本文所...
javascript字体颜色控件的开发 JS实现字体控制
10-18
在本文中，我们将探讨如何使用JavaScript来开发一个字体颜色控件，从而实现对文本的大小和颜色等属性的控制。JavaScript是一种广泛应用于网页交互的脚本语言，它允许我们在用户的浏览器端动态修改网页内容。 首先，...
浅析c#中如何在form的webbrowser控件中获得鼠标坐标
09-05
2. **定义定时器事件处理程序**: `timer1_Tick`事件会在每次间隔时间到达时触发，这里我们将检查鼠标是否在WebBrowser控件的范围内，并将坐标显示在适当的位置（例如，toolStripStatusLabel1）。 ```csharp private...
js鼠标事件大全（事件说明）
07-20
### JS鼠标事件大全详解 JavaScript 是一种广泛应用于网页开发中的脚本语言，它能够通过处理各种事件来增强页面的交互性。其中，鼠标事件是非常重要的一部分，它们允许开发者响应用户的鼠标操作，比如点击、移动等...
软件菜单栏拓展：添加与鼠标事件处理
菜单项通常会与相应的鼠标事件相关联，以便用户进行交互。 ### 2. 菜单项的组成 一个菜单项通常包含以下几个组成部分： - **文本标签**：显示在菜单栏中供用户识别的文本。 - **快捷键**（可选）：用户可以通过...
input js 离开事件_onBlur事件与onfocus事件（js） （光标到达和离开是触发事件）...
weixin_42449548的博客
02-01 1万+
[1、回车键触发事件的js代码 在文本框中输入完内容后,经常需要按回车,焦点跳到下个文本框,或者触发按钮事件判断是否按下的为回车非常简单:function EnterPress(){ ionFocus事件就是当光标落在文本框中时发生的事件。onBlur事件是光标失去焦点时发生的事件。可以编如下例子1.html使用onBlur事件处理程序[以前看到alibaba上的注册右边的提示信息效...
js原生，鼠标离开事件
gary的博客
02-23 3万+
mouseout: 鼠标离开事件mouseleave: 鼠标离开事件区别: 不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。mouseover: 鼠标移入事件mouseenter: 鼠标移入事件不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。对应mouseout只有在鼠标指针穿过被...
onBlur事件与onfocus事件（js） （光标到达和离开是触发事件）
热门推荐
我的编程之路
05-11 18万+
onFocus事件就是当光标落在文本框中时发生的事件。 onBlur事件是光标失去焦点时发生的事件。 可以编如下例子 1.html 使用onBlur事件处理程序 还有以下例子 2.html 3 04 05 06 07 OnFocus事件 08 09 10 11
【转】刨根究底字符编码之六——简体汉字编码中区位码、国标码、机内码、外码、字形码的区别及关系
sinolover的专栏
11-05 6736
GB2312、GBK、GB18030等GB系列汉字编码方案的具体实现方式是怎样的？区位码是什么？国标码是什么？内码、外码、字形码又是什么意思？它们是如何转换的，又为什么要这样转换？ 下面以GB2312为例来加以说明。 一、区位码 1. 整个GB2312字符集分成94个区，每区有94个位，每个区位上只有一个字符，即每区含有94个汉字或符号，用所在的区和位来对字符进行编码(实际上就是码点值、码点编号、字符编号)，因此称为区位码(或许叫“区位号”更为恰当)。 换言之，GB2312将包括汉字在内的所.
JS-事件/鼠标单击事件( onclick ）/鼠标经过事件（onmouseover）/鼠标移开事件（onmouseout）/光标聚焦事件（onfocus）/失焦事件（onblur）/内容选中事......
Jennyni1122的博客
06-17 1万+
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。 比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。 主要事件表: image.png 鼠标单击事件( ...
Qt5.9的鼠标事件：进入QWidget界面事件、离开QWidget界面事件、摁住鼠标事件
净无邪博客
08-28 1万+
本文主要总结用Qt5.9实现常用鼠标事件，包括进入QWidget界面事件、离开QWidget界面事件、摁住鼠标事件。实现上面三个事件，只需要改写虚函数enterEvent(QEvent *)，leaveEvent(QEvent *)，mouseMoveEvent(QMouseEvent * event)就可以实现。 下面是具体的实例步骤： 1.1新建一个widget工程，不要勾选ui界面。然后...
js鼠标经过与离开事件
爬楼梯的前端小白的博客
08-21 6935
onmouseover：当鼠标移动到某对象范围的上方时触发的事件 onmouseout：当鼠标离开某对象范围时触发的事件 <body> <button id="btn">唐伯虎</button> <script> var btn = document.getElementById('btn'); //事件处理程序 通过一个函数赋值的方式完成 btn.onclick = function().
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值