js event事件绑定的方法

最新推荐文章于 2023-02-08 10:02:51 发布
最新推荐文章于 2023-02-08 10:02:51 发布
阅读量90 收藏
点赞数
原文链接：http://www.cnblogs.com/laoguiaabb/p/8023652.html
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="div1">HELLO DIV
        <p>hello p</p>
    </div>
<script>
    var ele=document.getElementById("div1");            //通过事件的对象去绑定函数
    ele.οnclick=function () {                      
        alert("111")
    }
</script>
</body>
</html>

=================== 注:还有一种就是直接在标签内加 onclick 的函数名,在js代码里写function ===================

转载于:https://www.cnblogs.com/laoguiaabb/p/8023652.html

weixin_30695195
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js-event绑定事件
wangjingyi
04-06 122
IE target.addEventListener(type,listener,useCapture) type：字符串，事件名称：click、mouseover.. useCapture：一般默认false 高级浏览器 target.attachEvent（type,listener） type：字符串，事件名称：onclick、onm...
绑定事件中的event
sinat_36768524的博客
03-02 496
什么是event？一句话概括事件对象。相当于一个容器。每次事件触发的时候，将鼠标点的位置、鼠标按钮的状态、键盘按键的状态、发生的元素的信息存储在event这个容器中。我们看一个例子我们设计一个div 点击div，遍历出event（ie和Chrome）oDiv.onclick=function(){ for(var attr in event){ console.log(at
Vue2.0开发之——Vue基础用法-事件绑定$event(20)
我的博客
11-16 1589
事件参数对象$event表示事件参数对象event事件修饰符more。
JS中的事件绑定，事件捕获，事件冒泡以及事件委托，事件参数（event.target,e.srcElement,event.currentTarget,），兼容IE...
weixin_30363817的博客
11-29 166
一直想写一个关于捕获，冒泡，及事件委托的博客。看到有一个哥门写的不错，很详细，就转载了他的。 http://www.cnblogs.com/zhangmingze/p/4864367.html.在其基础上添加一些关键常用的事件参数的说明 ● 事件分为三个阶段： 事件捕获 --> 事件目标 --> 事件冒泡 ● 事件捕获：事件发生时（onclick,onmouseover……）...
11、事件绑定的$event（没有传参有默认的e，有传参则必须在后面+$event）
分享java学习路上的一些笔记，不足之处多多见谅。
02-08 593
事件绑定 事件绑定的$event（没有传参有默认的e，有传参则必须在后面+$event） 这里我们想要的需求是，我们根据数据源data的值来改变我们元素（按钮）的样式能够改变 第一种：我们的方法没有传参数的时候，其中我们的方法会有个默认e参数在我们的方法里面
JavaScript 事件处理 事件绑定 示例代码
最新发布
06-27
事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例...
关于JavaScript中事件绑定的方法总结
10-21
delegate()方法适用于为动态添加的元素绑定事件，它在父元素上设置事件监听器，减少内存消耗，但在JQuery 1.7之后也已被on()方法取代。 在选择使用哪种JQuery方法时，应考虑兼容性、代码的维护性和执行效率。对于...
js添加绑定事件的方法
10-22
本文主要介绍了JavaScript中添加和绑定事件的方法，分为通用方法和常用方式两个部分，以确保读者能够掌握在不同浏览器中添加事件监听的技术。 首先，介绍了添加事件的通用方法，即使用`addEventListener`和`...
浅析js绑定事件的常用方法
10-22
在JavaScript中，常用的方法来绑定事件包括但不限于以下几种： 1. 通过事件属性（on-event）绑定 这是一种非常直接的绑定方式，在HTML标签中直接使用事件属性指定要执行的JavaScript代码。例如，在一个`<button>`...
js事件on动态绑定数据,绑定多个事件的方法
12-02
`on('click')`采用事件委托机制，这种机制允许我们在父元素上绑定事件处理函数，而不是直接在每个子元素上绑定。以`$(document.body).on("click", "p", handler)`为例，事件处理函数`handler`会在body元素上监听...
event 注册和绑定
freshfox的博客
08-03 291
(function() { this.idesignEvent = { events: {}, on: function(event, callback) { if (event in this.events) { this.events[event].push(callback) ...
js(jquery)绑定点击事件
美丽的泡沫
07-22 2万+
test 第一种 $("#test").click(function(event) { /* Act on the event */}); 第二种 document.getElementById('#foo').addEventListener('click', function() { /* Act on the event */}, false); 第三种 html
js中事件绑定3种方法以及事件委托
热门推荐
程序员秋风的博客
04-23 4万+
事件绑定首先，我先来介绍我们平时绑定事件的三种方法。 1.嵌入dom<button onclick="open()">按钮</button><script> function open(){ alert(1) } </script>2.直接绑定<button id="btn">按钮</button> <script> document.getElementById('btn'
event操作绑定
weixin_59595975的博客
09-07 262
event操作绑定 操作双标签的内容 innerText/innerHTML console.log(document.querySelector('#dv').innerText); document.querySelector('#dv').innerText = '66'; 操作单标签的内容 自有属性直接用元素 语法:元素.属性名 console.log(document.querySelector("img").src); //查看src的路径 document.query
js 查看元素已绑定事件
RealEmperor 博客
09-30 7126
js 查看元素已绑定事件 以 element Tooltip 文字提示为例： 在控制台中执行： getEventListeners(document.getElementsByClassName("el-tooltip")[0]) 猜测是 mouseenter 或者 mouseover 触发的事件导致的文字展示，发现绑定的事件中有 mouseenter 找到调用的 mouseenter 目标...
web-绑定event事件比较
前端产品工程师
12-26 795
HTML中为按钮绑定event方式有三种： eg： submit 一、使用jQuery进行绑定 $('#btn_submit').click(function(){}); 二、使用原生js绑定 document.getElementById("#btn_submit").addEventListener(‘click’, function(){ }
vue.js v-on事件使用，vue.js event事件绑定
蕃薯耀的博客
12-04 895
; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;vue 事件绑定&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="vue-div"&gt; 使用v-on:click &lt;img :src=&q
js中事件对象event
冰雪为融的博客
03-06 1万+
一、Event对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件发生前被执行！ 当一个事件发生的时候，和当前这个对象发生的这个事件有关的一些详细信息（包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息等。这个对象是在执行事件时，浏览器通过函数传递过来的。）都会被临时保存到一个指定的地方...
JS中的event对象
Android
08-27 6238
Event对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 它是事件绑定中的一个隐藏参数，即实参，可以使用arguments[0]来获取。但是这样比较麻烦，所以我们采取传递一个形参来获取它。 例如：var e = event || window.event;考虑到兼容性。 三个属性： event.offsetX:鼠标相对于点击元素左边的水平距离位置
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值