js移开input 点击空白处事件

2024-10-17

js点击空白处触发事件

我们经常会出现点击空白处关闭弹出框或触发事件 <div class="aa" style="width: 200px;height: 200px;background-color: red;"></div> js代码 $(document).mouseup(function(e) { var _con = $('.aa'); // 设置目标区域 if (!_con.is(e.target) && _con.has(e.targ

js去掉浏览器右键点击默认事件（+vue项目开启右键行为）

js去掉浏览器右键点击默认事件 1.阻止整个页面所有的右击事件 document.oncontextmenu = function(){ return false;} 2.特定的区域/元素 document.getElementById("test").oncontextmenu = function(e){ return false;} 3.去掉以后给需要的区块加特定的事件 js: document.getElementById("test").onmousedo

JS监听input框的回车事件、属性值改变事件

一.介绍在程序猿门的工作中,经常会遇见一些表单数据的提交,对于有表单的东西而言,input输入框是非常常见的,所以对于一些input的基本事件,我们需要去掌握二.input的监听enter事件比如我现在又这么一个输入框,想要监听他的回车键事件,案列如下 <input id="btn" type="text">//输入框的enter事件$('#btn').bind('keydown',function(event){ if(event.keyCode

jquery点击空白处事件

$(document).live('click',function(){ $('.emails').hide(); }); 此代码为点击空白处,'emails',标签隐藏.

js(jquery)解决input元素的blur事件和其他非表单元素的click事件冲突的方法

HTML结构:很简单,就一个input,一个div,能说明问题就OK了: <input type="text" value="默认值"><br/><br/><div>搜索</div> 想要实现的结果: 1.input框获取焦点时value为“”,失去焦点时value为“默认值”:-----这个很好实现: 2.当在input框中输入要搜素的内容后,点击div搜索,要求控制台打印输出要搜素的内容(当然每个项目的

input 点击链接事件

WPF 鼠标移动到图片变大，移开还原，单击触发事件效果

<Grid> <Canvas x:Name="LayoutRoot"> <Image Cursor="Hand" MouseLeftButtonDown="imgLogo1_MouseLeftButtonDown" MouseEnter="imgLogo1_MouseEnter" MouseLeave="img

JS事件鼠标移开事件（onmouseout）鼠标移开事件，当鼠标移开当前对象时，执行onmouseout调用的程序。

鼠标移开事件(onmouseout) 鼠标移开事件,当鼠标移开当前对象时,执行onmouseout调用的程序. 当把鼠标移动到"登录"按钮上,然后再移开时,触发onmouseout事件,调用函数message(),代码如下: 运行结果: 任务补充右边编辑器第12行,当鼠标移开"点击我"的按钮时,调用message()函数,弹出消息对话框. <!DOCTYPE HTML> <html> <head> <meta http-e

原生js监听input值改变事件

哈哈哈,又来了,今天闲来无事,实验了下原生js监听input value值改变事件,下面就来说道说道: 本来写监听input值便获是用jquery的,之前的随笔写了,就是这个方法,地址:http://www.cnblogs.com/wteng/p/5434403.html $('input').bind('input propertychange', function() { //to do }) 现在用原生js来实现一遍(其实我翻了下jquery的监听事件on的源码,没找到不知道他写哪了),本

小问题总结：鼠标点击到输入框（input）里的时候，输入框的提示消失，鼠标再移开，输入框提示出现

问题如标题: 鼠标点击到输入框(input)里的时候,输入框的提示消失,鼠标再移开,输入框提示出现.如图所示: 做法如下: <input type="text" name="name" id="name" class="ind_cont_input ind_cont_inputioce1" onfocus="if (value =='请输入2-5个中文名字'){value =''}" onblur

angular中label包含input点击事件的问题

问题:当点击input时,input不能勾选,单label内的其他区域点击均可控制input勾选. 分析:点击input时,$event.target.tagName //INPUT, 点击img时,$event.target.tagName // IMG , INPUT,打印两次点击label内空白处, $event.target.tagName // LABEL, INPUT,打印两次 ng-click的事件会运行多次,点击label时,先label再input再label,

Vue 框架-02-事件：点击, 双击事件,鼠标移上事件

Vue 框架-02-事件:点击, 双击事件,鼠标移上事件 1.单击事件:v-on:click 源码 app2.js : //实例化 vue 对象 new Vue({ //注意代码格式 //el:element 需要获取的元素,一定是 html 中的根容器元素 el:"#vue-app", data:{ name:"肖朋伟", age:18 }, //存储自己的方法 methods:{ reduce: function(){ this.age--; } } }); 源

WinForm 鼠标进入移开窗体事件，因子控件导致的误触发

/// <summary> /// 重写OnControlAdded方法,为每个子控件添加MouseLeave事件 /// </summary> /// <param name="e"></param> protected override void OnControlAdded(ControlEventArgs e) { Control control = e.Control; // 获取添加的子控件 control.MouseLeav

js监听input等表单输入框的变化事件oninput

js监听input等表单输入框的变化事件oninput,手机页面开发中使用到文本框textarea输入字符监听文本框变化计算还可以输入多少字符,如果使用onkeyup的话是无法监听到输入法输入的文本变化的,复制粘贴也不能监听到,于是就用到了oninput事件来监听文本框value值的改变.由于是手机端页面没有考虑IE 这货.过去一般都使用onchange/onkeyup/onkeypress/onkeydown实现,但是这存在着一些不好的用户体验.比如onchange事件只在键盘或者鼠标操作改变

通过JS 给这个input加一个事件获得焦点，回车事件绑定

通过JS 给这个input加一个事件就是获得焦点就行了 window.onload = function(){ var oInput = document.getElementById("strName"); oInput.focus(); } JS监听某个输入框 //回车事件绑定 $('#strName').bind('keyup', function(event) { if (event.keyCode == "13") { //回车执行查询 $('#sear

使用js冒泡实现点击空白处关闭弹窗

什么是事件冒泡? 如图:在一个对象上触发某类事件(比如单击onclick事件),这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window).自下而上的去触发事件. 事件捕获指的是从document到触发事件的那个节点,即自上而下的去触发事件. html结构 <div class="screen" id="parent"> <div c

CSS实现input默认文字灰色有提示文字点击后消失鼠标移开显示

CSS实现input美化操作默认是为灰色,并且有提示如下图鼠标点击后文字消失,鼠标移开后文字显示给input入下图添加代码 style="color:#cccccc; outline:none;"value="用户名/邮箱/手机号" onfocus="this.value=''" onblur="this.value='用户名/邮箱/手机号'"

js中对arry数组的各种操作小结瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件，兼容各大主流浏览器 HTML特殊字符

js中对arry数组的各种操作小结最近工作比较轻松,于是就花时间从头到尾的对js进行了详细的学习和复习,在看书的过程中,发现自己平时在做项目的过程中有很多地方想得不过全面,写的不够合理,所以说啊,为了在以后的工作中写出最优化的代码,我们必须要不断的充电,不断的提高自己的技能. 废话不多说,现在我将最近看的有关arry的一些心德和使用分享出来,希望能够给大家带来小小的一点帮助.谢谢! 可以这样说Arry应该是我们在平时写js代码中,使用频率最高的,在平时的项目中,很多数据都是可以通过arry

JS中BOM和DOM常用的事件

总结:window对象 ● window.innerHeight - 浏览器窗口的内部高度 ● window.innerWidth - 浏览器窗口的内部宽度 ● window.open() - 打开新窗口 ● window.close() - 关闭当前窗口navigator对象navigator.appName // web浏览器全称navigator.appVersion // web浏览器厂商和版本的详细字符串navigator.userAgent // 客户端绝大部分信息navigator

js中的BOM和DOM常用事件方法

笔记: window对象 ● window.innerHeight - 浏览器窗口的内部高度 ● window.innerWidth - 浏览器窗口的内部宽度 ● window.open() - 打开新窗口 ● window.close() - 关闭当前窗口 navigator对象 navigator.appName // web浏览器全称 navigator.appVersion // web浏览器厂商和版本的详细字符串 navigator.userAgent // 客户端绝大部分信息 nav

js移开input 点击 空白处事件

热门专题

js移开input 点击空白处事件