js点击其他区域触发事件

2024-10-12

JS/jQuery点击某元素之外触发事件

JQuery // 第一步:点击任何地方都触发事件 $(document).click(function(){ alert("点击当前页面的任何地方都触发此点击事件:"); }); // 第二步: 将某元素的位置设为不可点击:(此部分点击不会触发点击事件) $("#canotElem").click(function(){ event.stopPropagation(); }); JS // 第一步:点击任何地方都触发事件 document.onClick = fu

点击 a 标签触发事件而不跳转页面

有时候需要让 a 标签像 button 一样,被点击的时候触发事件而不跳转页面. <html> <body> <a id="a1" href="#none" onclick="a_click(this.id)">Click a1</a> <a id="a2" href="javascript:void(0);" onclick="a_click

js和jquery中的触发事件

改别人的坑,遇到jquery选择器和fireEvent混用,不认识fireEvent方法报错. js的方法不能使用jquery的选择器去调用. 1.fireEvent (IE上的js方法 ) 我们来看看fireEvent跟onclick()触发事件是否相同.看下面的代码: <ul onclick='alert(event.srcElement.innerHTML);'> <li id='id1'>i am one;</li> <li id='id2'>i a

Vue.js之下拉列表及选中触发事件

老早就听说了Vue.js是多么的简单.易学.好用等等,然而我只是粗略的看了下文档,简单的敲了几个例子,仅此而已. 最近由于项目的需要,系统的看了下文档,也学到了一些东西. 废话不多说,这里要说的是下拉列表以及选中某一选项触发选中事件. 1.下拉列表 (1).html部分代码: <div id="app"> <select v-model="selected"> <option>--请选择--</option> <

js中按下回车触发事件

方法一:document.onkeydown = function (e) { // 回车提交表单// 兼容FF和IE和Opera var theEvent = window.event || e; var code = theEvent.keyCode || theEvent.which || theEvent.charCode; if (code == 13) { queryInfo(); }} 方法二: JS监听某个DIV区域 $("#queryTable").bind(&quo

jquery点击元素之外触发事件

$("#errorMsg_layer").bind("click",function(e){ if($(e.target).closest("#errorMsg_div").length == 0){ foo(); } });//点击 #errorMsg_div 之外触发foo()方法.

jquery点击div以外的区域触发事件

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>网页特效展示中心</title> <style type="text/css"> #testa,#testa2{position:relative;} #pop,#pop2 { width:100

点击checkbox，触发事件

时间选择: 起始时间:<input type="text" value="2016-03-21 12:24:10" id="starttime" size="" class="m-wrap wid200 " onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">结束时间:<input type=

js 滚动条滚动到底部触发事件

一.前言在开发项目时,常常需要展示大量数据.如果全部显示出来,数据相对少时,看不出来什么不同,如果数据很多时,一次请求全部显示,这就相当可怕了. 面对这种问题,PC里使用了分页效果,将数据分成一页页,换页时请求当前页数据, 而屏幕较小的移动端,分页就不怎么好看了,常用的方法是滚动到底部时继续加载数据滚动加载其实也是一种分页,只是不使用页码而已. 二.正文 (一).滚动事件的效果和原理效果: 滚动到当前页的底部时,会转圈圈缓冲加载下一页的数据,完成后滚动区域和内容增加,以此类推: 原理: 3

js 动态加载select触发事件

动态加载select后,手动调用一下 subjectChange函数,模拟触发change事件 function hallidChange(value) { $.ajax({ type: "post", url: "/Common/GetSessions", data: { hallId: value, dateTime: $("#currentTime").val(), timeinterval: $("#timeinterval&q

js中点击空白区域时文本框与隐藏层的问题

当文本框获得焦点的时候,在文本框的下方显示一个浮动层. 当用户点击除了文本框和浮动层以外的网页空白处时,要隐藏浮动层. 当用户点击浮动层时,改变文本框的值. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <meta http-e

js滚动条滚动到底部触发事件

$("#contain").scroll(function(){ var $this =$(this), viewH =$(this).height(),//可见高度 contentH =$(this).get(0).scrollHeight,//内容高度 scrollTop =$(this).scrollTop();//滚动高度 if(contentH - viewH - scrollTop <= 10) { alert("ssss"); }}); mysq

easy ui diglog 点击关闭，触发事件

$('#dialogDiv').dialog({ onClose:function(){ alert('11111111') ; }});

点击 QTableView，触发事件

Here is an example of how you can get a table cell's text when clicking on it. Suppose a QTableView defined in some MyClass class. You need to connect the clicked signal to your own MyClass::onTableClicked() slot, as shown below: connect(tableView, S

原生js自动触发事件

熟悉jquery的童鞋都知道在jq中有一个方法可以自动触发事件,那就是trigger(),那么通过原生js又怎么模拟触发呢? js中添加一个主动触发事件的方法有dispatch.该方法能模拟用户行为,如点击(click)操作等. 标准使用dispatchEvent方法,IE6/7/8则使用fireEvent方法. dispatchEvent() 方法给节点分派一个合成事件. 语法如下: dispatchEvent(eventObj) eventObj 参数是一个描述事件的 ActionScrip

js模拟触发事件

html标签元素封装着实用的[事件],但在很多时候,需要[模拟触发事件],比如 [按钮单机事件] 可以实实在在点击按钮触发该事件,但体验而言,很多时候需要js逻辑处理让实现触发事件的效果这时就用到了 [模拟触发事件 ]只需要把事件on封装事件对象.封装事件() 即可需要注意的超链接标签=====================-=[转] 我尝试过多次用jQuery模拟用户点击a标签的功能,但都没有成功,并且困扰了很久.前段时间的一次发呆,冒出了新的想法,于是就动手进行了测

Android编程高德地图中如何重写定位按键的触发事件（com.amap.api.maps2d.LocationSource）点击定位后不仅定位在地图中心点上而且可以设置地图的缩放大小和提示

在利用高德地图来编写自己的APP的时候,发现了一种对定位按键的重写方法,那就是利用 com.amap.api.maps2d.LocationSource 接口来重写. 什么是定位按键呢,下图中右上角那个就是. import com.amap.api.maps2d.AMap; private AMap aMap;//地图控制器对象 //aMap 为地图控制器对象aMap.getUiSettings().setMyLocationButtonEnabled(true);//地图的定位标志是否可

jstree静态生成树并为树添加触发事件

本章将介绍如何简单的使用jstree生成树(生成树的数据是静态的),并为树添加点击事件. 1. 建一个jsp页面,引入jquery.js(在其他js前引用),引入jstree所需的js,css文件(可从官网找). 2. 在页面添加一个div,用来在页面展示树菜单. 3. 在页面写js (js必须写在页面最后). 页面代码如下: <%@ page contentType="text/html;charset=UTF-8"%> <%@ taglib prefix=&quo

angularjs之手机输入法回车变搜索，并触发事件,兼容pc回车事件

一.效果:回车按钮变搜索之前的输入法: 之后的输入法: 二.功能实现 <input type="search" id="search_input" placeholder="请输入" ng-keypress="search($event)"/> 1.将input的type属性写成search,输入法回车按钮会变成搜索,android有效,ios没变. 2.给input绑定keypress事件,android可以实

Python窗口学习之浅尝按键触发事件

一.窗口上敲键盘触发事件(以Enter键为例) 二.点击窗口按钮触发事件(以鼠标左键双击为例) 代码: import tkinter as tk root = tk.Tk() root.geometry("300x200") l1 = tk.Label(root, text="这是一个测试", font=("黑体", 10)) # 标签 l1.pack() # 指定包管理器放置组件 ask_text = tk.Entry() # 创建文本框 as

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点击其他区域触发事件

热门专题