首页 > 编程语言 >事件与处理程序

事件与处理程序

时间:2023-04-11 18:01:15浏览次数:31  
标签:function 单击 代码 alert 处理程序 事件 按钮 save

事件程序的调用,在HTML中绑定

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function save(){
            alert("保存按钮被单击")
        }
        function doubleSave(){
            alert("双击保存按钮被单击")
        }
    </script>
</head>
<body>
    <input type="button" value="保存" name="save" onclick="save()">
    <input type="button" value="双击保存" name="save" ondblclick=" doubleSave()">
</body>
</html>

事件程序的调用2,在javascript代码中绑定,代码放在html下面,先执行html代码再执行javascript代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
<body>
    <input type="button" value="保存" name="save" id="save" ">
    <script>
        var save = document.getElementById("save");
        save.onclick=function(){//匿名函数
            alert("点击了单击按钮");
        }
    </script>
</body>
</html>

标签:function,单击,代码,alert,处理程序,事件,按钮,save
From: https://www.cnblogs.com/wslxs/p/17307131.html

相关文章

  • 钉钉小程序三方企业应用事件与回调
    事件回调订阅事件后,开放平台将会在事件发生时(如:机器人入群)向请求网址推送消息。钉钉三方企业应用事件与回调配置界面如下:推送方式有三种:Http推送(官方不推荐)SyncHttp推送(官方推荐)RDS推送(官方推荐)Http和SyncHttp没有太大的区别,按钉钉的说法是:与HTTP推送方式比,SyncHTTP......
  • 踩坑事件之@Autowired与@Resource引发的内存溢出
    java.lang.StackOverflowError:null(栈溢出异常)@ServicepublicclassSysUserServiceImplextendsServiceImpl<SysUserMapper,SysUser>implementsISysUserService{@AutowiredprivateAuthenticationManagerauthenticationManager;@Override......
  • js检测页面关闭事件
    window.onbeforeunload=onbeforeunload_handler;window.onunload=onunload_handler;//页面关闭之前触发,在onunload事件之前触发,可以禁止onunload事件的触发functiononbeforeunload_handler(){varwarning="确认退出?";debugger......
  • 在vue中为vuecal组件中的一个按钮添加点击事件
    现在需要为一个按钮添加点击事件由于vuecal文档中没有该按钮的点击事件,所以考虑使用原生dom为其添加点击事件使用原生dom添加使用this.$nextTick+.onclickthis.$nextTick(()=>{ //获取对应的dom元素 varotest=document.getElementsByClassName("vuecal__arrowvueca......
  • 监听 input type=file 文件上传取消事件
    在做项目的时候,需要根据是否上传图片,(前提是已经上传文件,再次上传取消时,监听取消事件)进而判断页面变化。通过查阅相关资料,发现change事件并不能监听取消,于是从另外一种角度:判断上传的文件是否有值,进而监听取消事件。代码如下:<inputtype="file"name="file"id="fileToUpload"a......
  • qt事件循环
    不知道说啥直接上图,希望几个月之后我还能看得懂.原图在这儿......
  • js异步——事件循环和消息队列
    前言上篇文章中介绍了多进程的浏览器基本架构,现在,我们来谈谈单线程的JS代码、消息队列、事件循环、微任务和宏任务。单线程的JavaScript什么是单线程js?如果你已经仔细阅读过上一篇文章,那么答案是显而易见的:由于浏览器是由渲染进程的主线程来执行js代码的,换句话说,js的运......
  • 9_1 程序设计语言与语言处理程序基础
    9.1法律法规知识(知识产权)前言9.2法律法规知识(保护期限)9.3法律法规知识(知识产权人确定)委托创作,合作开发9.4法律法规知识(侵权判定)9.5法律法规知识(标准的分类与标准的编号)......
  • JS事件监听
    事件绑定方式一:通过HTML标签中的事件属性进行绑定<inputtype="button"onclick="on()"value="按钮1"><script>functionon(){alert('我被点击了!')};</script>方式二:通过DOM元素属性绑定<inputtype="button"id="b......
  • 在Vue中使用键盘事件,回调函数被执行两次
    暂时先不考虑v-for的key,查看下面的代码<template><div><[email protected]="addTask"><span>请输入待办事项:</span><inputtype="text"placeholder="请输入..."v-model="text"@keyup.enter=&qu......