首页 > 其他分享 >JS事件监听

JS事件监听

时间:2023-04-08 22:24:11浏览次数:38  
标签:function 绑定 alert 事件 JS 监听

事件绑定

  • 方式一:通过HTML标签中的事件属性进行绑定
<input type="button" onclick="on()" value="按钮1">
<script>
function on(){
alert( '我被点击了!')
};
< /script>
  • 方式二:通过DOM元素属性绑定
<input type="button" id="btn" value="按钮2">
<script>
document.getElementById("btn").onclick=function(){
alert('我被点击了! ');
}
</script>

代码

常见事件

案例

标签:function,绑定,alert,事件,JS,监听
From: https://www.cnblogs.com/CenCen/p/17299402.html

相关文章

  • JavaWeb-jsp-19课-JSP语法-2023-04-08
    <%@pagecontentType="text/html;charset=UTF-8"language="java"%><html><head><title>$Title$</title></head><body><%--注释JSP带百分号--%><%=newjava.util.Date()%>&l......
  • 通过JS赋值日期框
      java代码JavascriptExecutorjs=(JavascriptExecutor)driver;js.executeScript("document.getElementById('beginDate').value='2020-05-10'"); ......
  • 记录-VueJs中如何使用Teleport组件
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助了解排序算法的优缺点和适用场景是非常重要的,因为在实际开发中,需要根据实际情况选择最合适的排序算法。不同的排序算法适用于不同的场景,有的算法适用于小规模的数据集,有的算法适用于大规模的数据集,有的算法适用于......
  • 遍历JsonObject 所有的key和value封装到两个list中
    可以使用main方法测试体验效果publicstaticvoidmain(String[]args){StringoriginalStr="{\"code\":200,\"msg\":\"success\",\"data\":{\"realName\":\"超级管理员\",\"defaultApp\":......
  • 在Vue中使用键盘事件,回调函数被执行两次
    暂时先不考虑v-for的key,查看下面的代码<template><div><[email protected]="addTask"><span>请输入待办事项:</span><inputtype="text"placeholder="请输入..."v-model="text"@keyup.enter=&qu......
  • 2.事件间的关系
    目录事件间的关系1.包含2.并(和)3.交(积)4.差5.互不相容事件6.互斥(对立)事件7.7.完备事件事件间的关系1.包含\(A\subsetB\)A必然发生,导致B发生\(\phi\subsetA\subset\Omega\)相等:如果\(A\subsetB\)&&\(B\subsetA\),那么可以说A=B2.并(和)\(A\cupB\),......
  • MacOS下用homebrew装完NodeJS能找到node命令找不到npm命令
    1安装命令brewinstallnode之后,能找到node命令,找不到npm命令2版本太高导致,自己换成其他版本先卸载brewuninstallnode 搜索低版本  brewsearchnode然后挑一个版本brewinstallnode@16 之后重新添加环境变量,看是否有相关提示echo'export......
  • js slice
    在JavaScript中,slice()是字符串、数组、类数组对象常用的Array方法之一,用来截取一个字符串或数组的一部分,并返回一个新的字符串或数组。slice()方法接受两个参数:起始位置和结束位置(不包括结束位置)。具体用法如下:conststr='HelloWorld!'console.log(str.slice(1));//......
  • Js 之art-template模板引擎
    一、文档http://aui.github.io/art-template/zh-cn/二、示例代码<html><head><title>art-template模板引擎</title></head><body><div><divid="span"><divid="tpl1">......
  • python之json格式化与紧凑处理
    格式化在工作中json是我们常用的数据格式,因为格式化与紧凑存储所占的内存是不同的,格式化存储接近大一倍空间。所以有时候需要紧凑存储(一行存储),但是查看不太方便。场景:记事本打开json的速度最快,但是没有格式化功能。notepad++可以格式化但是需要联网安装插件,内网环境不能下载......