首页 > 其他分享 >JS 模拟鼠标事件mouse over、click

JS 模拟鼠标事件mouse over、click

时间:2023-04-07 09:58:00浏览次数:45  
标签:function body console log over JS document mouse click

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>test mouse event</title>
	<style>
	body,html{
	background:#777;
	 
	}
	</style>
	
</head>
  <body>
 document.querySelector(".ttt").click()
 
 
 --------------------
iiiiiiiiii

mouseover 

mousedown
<br/>
<div class="ttt" style="background:red;" onclick="show()">
8888888888
</div>


<script>

document.body.addEventListener("mouseover", function () { console.log("mouseover");});
document.body.addEventListener("mousedown", function () { console.log("mousedown");});
document.body.addEventListener("mouseenter", function () { console.log("mouseenter");});
document.body.addEventListener("click", function () { console.log("click");});


// 随意按下一个键盘按键
document.onkeydown = function(){
	console.log('keydown')
}
document.onkeypress= function(){
	console.log('onkeypress')
}
document.onkeyup = function(){
	console.log('onkeyup')
}
// keydown  onkeypress  onkeyup 




function show(){
   
   alert(000);

}


setInterval(function(){ 

//mouse over
  var event = document.createEvent("MouseEvents");
      event.initEvent('mouseover', true, false);
     document.body.dispatchEvent(event);
	 console.log('createEvent');
 //click  
const event2 = document.createEvent('Events');
event2.initEvent( 'click', true, false );
document.body.dispatchEvent(event2);


}, 3000);

</script>


 </body>

</html>

  

参考:https://www.cnblogs.com/h2285409/p/15989615.html

标签:function,body,console,log,over,JS,document,mouse,click
From: https://www.cnblogs.com/wgscd/p/17294998.html

相关文章

  • 利用ExcelJS读取Excel文件
    参考文档https://blog.csdn.net/qq_41374651/article/details/115663014https://blog.csdn.net/qiuliaiali123/article/details/104392662https://www.jianshu.com/p/fc96e22c4df1最终效果代码<template><divclass="test"><inputtype="......
  • threejs_交互_鼠标点击_添加物体_删除物体
    click点击添加物体,shirft+click点击删除物体<!DOCTYPEhtml><htmllang="en"><head> <metacharset="utf-8"> <title>three.jswebgl-interactive-voxelpainter</title> <metaname="viewport"conten......
  • vue全家桶进阶之路27:Vue.js 3.0的下载和安装
    使用脚手架vue-cli创建vue3项目,创建前需要准备以下:1、node.js环境见:https://www.cnblogs.com/beichengshiqiao/p/17251233.html2、npm、cnpm工具见:https://www.cnblogs.com/beichengshiqiao/p/17251860.html3、vue框架见:https://www.cnblogs.com/beichengshiqia......
  • JSP期末程序题
    ​程序题1.在界面上输出十个数字,借助JAVA中的Random随机数生成类<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"import="java.util.Random"%><!DOCTYPEhtml><html><head>......
  • Set Cover问题的贪心近似算法分析
    问题描述全集\(U=\{e_1,e_2,...,e_n\}\)被划分为一系列的子集\(S=\{S_1,S_2,...,S_k\}\)。且存在一个cost函数\(c:S\rightarrow\mathbb{R}^+\)。目标是挑选子集使其覆盖所有全集\(U\)的元素同时cost最小问题算法该问题是经典的NPC问题。给出其中一......
  • Chrome浏览器插件:CrxMouse(鼠标手势控制浏览器)
    CrxMouse是一款谷歌浏览器插件,它可以通过手势来控制您的浏览器,在您的日常网络浏览中提高效率和速度。插件介绍CrxMouse是一个非常流行的谷歌浏览器插件,它允许您通过鼠标手势来控制您的浏览器。该插件集成了大量的手势功能,使您可以在不使用键盘或鼠标的情况下轻松地进行网页浏览......
  • blockchain | 基于ethers.js的ctf合约攻击模板
    blockchain|基于ethers.js的ctf合约攻击模板之前做题用的是truffle命令行和truffleexec来进行编写代码,封装的层级比较高,这个框架主要还是用来开发比较方便,看了大师傅的wp(https://www.seaeye.cn/archives/497.html)以后觉得还是得写一个自己用起来顺手的攻击模板。使用ethers......
  • vue.config.js 配置
    const{defineConfig}=require('@vue/cli-service')  //按需引入  //constAutoImport=require('');constAutoImport=require('unplugin-auto-import/webpack')constComponents=require('unplugin-vue-components/webpac......
  • NestJs 异常过滤器
    文档:https://docs.nestjs.cn/9/exceptionfilters实现新建文件common下面新建filter.ts实现让我们创建一个异常过滤器它负责捕获作为HttpException类实例的异常并为它们设置自定义响应逻辑为此,我们需要访问底层平台Request和Response我们将访问Request对象,以便提取原......
  • HTTP JSON接口模拟工具interfake的使用(模拟接口返回json数据)
    场景在与第三方系统进行模拟对接时,需要本地根据接口文档的示例json数据快速模拟出来接口进行调试用。Interfake官方github地址:https://github.com/basicallydan/interfakeInterfake能简便地创建虚假的HTTPAPI,只需简单几行代码就可以创建模拟JSON接口(使用命令行方式也可以......