reactjs基础知识：原生事件绑定

<!DOCTYPE html>
<html><head><meta charset="UTF-8" /><title>Document</title></head><body><button id="btn1">按钮1</button><button id="btn2">按钮2</button><button onclick="demo()">按钮3</button><script type="text/javascript" >const btn1 = document.getElementById('btn1')btn1.addEventListener('click',()=>{alert('按钮1被点击了')})const btn2 = document.getElementById('btn2')btn2.onclick = ()=>{alert('按钮2被点击了')}function demo(){alert('按钮3被点击了')}</script></body>
</html>

reactjs基础知识：原生事件绑定相关推荐

JS一起学01：css复习、js基础知识、事件、参数、函数、网页换肤、if判断、className问题、浏览器执行顺序
一.html/css 1. 什么是盒子模型? padding+border+width/height 2. float 浮动 (1)浮动的特性脱离文档流行内 ...
vue将原生事件绑定到组件
首先我们定义一个 child 组件,什么事件都不绑定,代码如下: Vue.component('child', {template: '<button>click me</butto ...
基础知识 | BOM 事件
BOM简介 Browser Object Model 浏览器对象模型,专门操作浏览器窗口或软件的一套对象和方法的集合 BOM没有标准,所以有兼容性问题 BOM比Dom更大,它包含Dom,documne ...
【基础知识】事件模型
DOM树[Document Object Model] 介绍事件模型之前,先简单看下DOM树的结构: DOM树就像是一颗倒长着的大树,这样的对象模型决定了节点之间都有一定的关联.它们关系可能有父子.有 ...
Web基础——JavaScript之事件绑定与事件对象
目录 1.事件的绑定 2.事件的绑定(注意事项) 3.失去焦点和获得焦点 4.键盘事件 5.鼠标事件 6.表单事件 7.页面加载事件 8.下拉框事件 9.事件对象 10.currentTarget和t ...
前端程序员需要了解的原生微信小程序-基础知识
前言:该学原生小程序啦文档: 微信开放文档工具下载: 稳定版 Stable Build | 微信开放文档 HBuilderX-高效极客技巧你要是uniapp开发的就这个HB编译器打开项目运行 ...
a标签点击事件_JS事件绑定的三种方法
前言在这个框架盛行的时代,可能很多人已经忘记了JS一些基础的方法.虽然说现在在项目都(应该)很少用原生JS写代码了,但我听说过这样一句话, "对底层知识了解得越深,能达到得水平也就越高. ...
六十二、Js中的冒泡和捕获点击事件和Vue组件绑定原生事件
2020/10/18 . 周日.今天又是奋斗的一天. @Author:Runsen @Date:2020/10/18 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是 ...
[WPF 基础知识系列] —— 绑定中的数据校验Vaildation
[WPF 基础知识系列] -- 绑定中的数据校验Vaildation 原文:[WPF 基础知识系列] -- 绑定中的数据校验Vaildation 前言: 只要是有表单存在,那么就有可能有对数据的校验需 ...

reactjs基础知识：原生事件绑定

reactjs基础知识：原生事件绑定相关推荐

最新文章

热门文章