34、js中的监听事件

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>

    div {
      width: 100px;
      height: 100px;
      background: red;
    }
  </style>
</head>
<body>
<input type="button" value="点我" οnclick="bclick()">
<div οndblclick="divDoubleClick()"></div>
中午吃什么?
<button οnclick="eat('锅包肉')">锅包肉</button>
<button οnclick="eat('糖醋排骨')">糖醋排骨</button>
<button οnclick="eat('口水鸡')">口水鸡</button>
<button></button>
</body>
<script>
  // js中的监听事件
  // 单击事件
  function bclick(){
    alert('我被点了')
  }
  // 双击事件
  function divDoubleClick(){
    alert('双击666')
  }
  function eat(food){
    alert('中午吃'+food)
  }
</script>
</html>

运行结果:

相关推荐
疯狂的沙粒7 分钟前
在uni-app中如何从Options API迁移到Composition API?
javascript·vue.js·uni-app
siwangqishiq211 分钟前
Vulkan Tutorial 教程翻译(四) 绘制三角形 2.2 呈现
前端
李三岁_foucsli13 分钟前
js中消息队列和事件循环到底是怎么个事,宏任务和微任务还存在吗?
前端·chrome
尽欢i13 分钟前
HTML5 拖放 API
前端·html
xiaominlaopodaren27 分钟前
Three.js 光影魔法:如何单独点亮你的3D模型
javascript
PasserbyX29 分钟前
一句话解释JS链式调用
前端·javascript
1024小神30 分钟前
tauri项目,如何在rust端读取电脑环境变量
前端·javascript
Nano35 分钟前
前端适配方案深度解析:从响应式到自适应设计
前端
古夕40 分钟前
如何将异步操作封装为Promise
前端·javascript
小小小小宇40 分钟前
前端定高和不定高虚拟列表
前端