js创建div时添加click事件

JavaScript 动态添加div 绑定点击事件

1.动态添加div function cDiv(num){ var oDiv=document.createElement("div"); oDiv.className='divstyle'; oDiv.id=num; oDiv.innerHTML=num; document.body.appendChild(oDiv); document.getElementById(num).className = 'divstyle'; //引用外部css oDiv.onmouseout=fun

当一个HTML元素需要添加mouseon、mouseout与click事件，或者mouserenter、mouseleave和click事件时，click事件无法触发

当一个HTML元素需要添加mouseon.mouseout与click事件,或者mouserenter.mouseleave和click事件时,click事件无法触发针对上述问题,我遇到的有两种情况: 情况一:已经存在的HTML元素绑定事件,可以使用下面这种绑定方式 $("button").mouseon(function(){ $("p").text("滑入"); }).click(function(){ $("p").t

[C# 基础知识系列]专题五：当点击按钮时触发Click事件背后发生的事情（转载）

当我们在点击窗口中的Button控件VS会帮我们自动生成一些代码,我们只需要在Click方法中写一些自己的代码就可以实现触发Click事件后我们Click方法中代码就会执行,然而我一直有一个疑问的——既然上一专题中说事件是一个多播委托,然而自动生成的代码中只有事件的实例化,却没有看到事件的调用,那既然没有事件调用的代码,那封装的Click为什么会执行呢? 一.点击按钮时触发Click事件背后发送的事情在引言中提出了我的提问的, 我相信有些朋友可能也会有这样的疑问的,然后事件肯定是调用了的, 只

MYSQL如何在创建表时添加判断条件

大家好,我是小皓. 一.背景今天在博主练习MYS创建表操作时遇到一个语法报错,就想着来和大家分享一下MYSQL如何在创建表时添加判断条件: ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '[if not exists] tb_name(

js给div动态添加控件，然后给这个控件动态添加事件

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="JsExerciseTow.WebForm1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

用js给循环的列表添加click事件

纠结了两天终于搞定了,首先id这个东西必不可少,这个时候不能用onclik事件,而是需要使用代理事件. 比如说,这里有个列表如下: <ul> <li></li> <li></li> <li></li> </ul> 给没个li添加一个click事件,不管是手动添加还是循环添加,必须给没个li添加一个不重复的id 之后就通过每个id绑定clik事件 for (var i=0; i<=3; i++) { $(&

JS: javascript 点击事件执行两次js问题 ,解决jquery绑定click事件出现点击一次执行两次问题

javascript 点击事件执行两次js问题在JQuery中存在unbind()方法,先解绑再添加点击事件,解决方案为: $(".m-layout-setting").unbind('click').click(function(){ //此处填写逻辑代码 }) ------ 因为利用js在页面加载后添加需要点击事件的代码,发现在点击后会代码会执行两次,因为有toggle效果,导致弹窗出现又很快丢失查了一些资料,发现这是冒泡的原因,需要在点击事件代码中加入阻止冒泡的方法: e.s

JS如何为iframe添加onclick事件

如果页面上有iframe时,鼠标点击在iframe内时,包含iframe的document是不响应任何事件的, 例如: $("#iframe1").click(function(){//点击iframe alert("点击1"); });或者 $(function(){//给iframe循环绑定click事件 for(var n=1;n<=7;n++){ $("#if

Vue根据条件添加 click 事件

方式一:在绑定事件中直接添加标示量clickFlag <div @click="clickFlag && addGoodsHandler()"> XXX... </div> 方式二:用v-if .v-else-if.v-else 判断 <div v-if="clickFlag" @click="addGoodsHandler()"> XXX... </div> <div v-e

js 页面无滚动条添加滚轮事件

当页面无滚动条时,滑动滚轮时window.onscroll事件不会相应,此时应该去添加滚轮事件 var MouseWheelHandler=function(e){ e.preventDefault(); e=window.event||e; var value; if(e.wheelDelta) value=e.wheelDelta; else if(e.detail) value=-e.detail; } var addMouseWheelHandler=function(){ if(doc

vue 移动端在div上绑定click事件失效

在.vue的文件中使用了better-scroll,在div标签上绑定click事件后,无效. 原因:使用了better-scroll,默认它会阻止touch事件.所以在配置中需要加上click: true 即可解决 mounted(){ this.$nextTick(() => { let bscrollDom = this.$refs.bscroll; this.aBScroll = new BScroll(bscrollDom,{ mouseWheel: true, click: true

vue中，svg图标添加click事件，部分浏览器不生效

vue项目中,使用svg图标,但是发现,为svg图标绑定click事件时,部分浏览器会出现,点击没有反应的情况,代码如下: <icon name="icon_add" @click="addSubject(scope.$index)"> </icon> 后来发现,在edge内核中只有点击svg边缘部分才会触发click事件所以解决办法如下:为svg图标外面包裹一层元素,click事件绑定在外侧元素上 <a href='javascri

js 循环生成元素，并为元素添加click事件，结果只执行最后一个点击事件

问题描述:有一个参数集合data,for循环为每一个参数生成一个dom元素,并附加onclick事件.生成之后发现点击事件里的参数全是data集合里的最后一个. 代码如下: var dom=$('#div_id'); for(var i=0;i<data.length;i++) { var children=document.createElement("div"); children.onclick=function(){ alert(data[i]); } dom.appen

IView 使用Table组件时实现给某一列添加click事件

通过给 columns 数据的项,设置一个函数 render,可以自定义渲染当前列,包括渲染自定义组件,它基于 Vue 的 Render 函数. render 函数传入两个参数,第一个是 h,第二个是对象,包含 row.column 和 index,分别指当前单元格数据,当前列数据,当前是第几行. 代码: render: (h, params) => { //return h('定义的元素',{'元素的性质'},'元素的内容'); let url = '访问的地址' return h('a',

百度地图API 循环向 marker 添加 click事件

使用百度地图API,循环向marker添加InfoWindow时,所有的marker点击弹出的inforwindow为最后一个添加的infowindow,百度后,使用js闭包解决此问题,直接贴代码: var markers = []; for(var i = 0; i < hisPlayView.length;i++) { var marker = new BMap.Marker(hisPlayView[i],{title:i.toString()}); markers.push(marker)

Extjs 4.2 panel 添加 click 事件及右键菜单

listeners: { render: function(c) { c.body.on('click', function() { //TODO 添加点击事件功能 }); c.body.on('contextmenu',function(e){ e.preventDefault();//阻止浏览器默认右键菜单 customMenu.showAt(e.getXY());//展示自定义菜单 }); }, scope: this }, Extjs4.2 panel 组件默认无 click 及 con

v-for遍历出的元素上添加click事件，获取对应元素上的属性id值

<span v-for="(n,nav) in floorList" data-id="{{nav.itemId}}" v-on:click="getId($event)">{{nav.floorTitle}}</span> //js代码 function scrollTo(event){ var target = event.target || window.event.srcElement, //获取对应元素的id值

QT为QLabel添加Click事件（如果我们使用组件，我们关心的是信号槽；如果我们自定义组件，我们关心的是事件）

其实就是改写了一个函数:mouseReleaseEvent,当在QLabel放开鼠标的时,就发射点击信号. #ifndef CLICKEDLABEL_H_ #define CLICKEDLABEL_H_ #include <QLabel> #include <QWidget> class ClickedLabel : public QLabel { Q_OBJECT signals: void Clicked(ClickedLabel* clicked); public: Clic

javascript/jquery给动态加载的元素添加click事件

/** 这种写法:在重新加载数据后事件依然有效*/$(document).on('click', '#district_layer ul li', function () { });

vue.js下移动端绑定click事件失效，pc端正常的问题

原因可能是我在项目中使用到了 better-scroll,默认它会阻止 touch 事件.所以在配置中需要加上 click: true 即可. 例如: mounted () { this.scroll = new BScroll(this.$refs.wrapper, { mouseWheel: true, click: true, tap: true }) }

给动态ajax添加的元素添加click事件

$(document).on('click','div',function(){alert(1)}); .live()方法也是可以的

js创建div时添加click事件

热门专题