1. div{
  2.     width: 300px;
  3.     height: 50px;
  4.     background-color: red;
  5.     color: white;
  6. }
  1. <body>
  2.     <div>
  3.         这个DIV可以点击 
  1.         点击键盘时会虚拟一个鼠标点击事件
  2.     </div>
  3.     <script>
  4.         var div =document.querySelector('div')
  5.         window.onkeypress =function(e){
  6.             var mouseEvent =document.createEvent('MouseEvent')
  7.             mouseEvent.initMouseEvent('click',true,true,document.defaultView,1,2,3,4,5,6,7,8)
  8.             // document.defaultView 属性可以获取指定文档所在窗口
  10.             // var mouseEvent = new MouseEvent('click11',{
  11.             //     bubbles:true,
  12.             //     cancelable:true,
  13.             //     ctrlKey:true,
  14.             //     button:1,
  15.             //     buttons:1,
  16.             //     clientX:12,
  17.             //     clientY:13,
  18.             //     offsetX:12,
  19.             //     offsetY:14,
  21.             // })
  22.             div.dispatchEvent(mouseEvent)
  23.         }
  24.         div.addEventListener('click',function(e){
  25.             alert('你点击了DIV：' + e.pageX)
  26.             alert(e.ctrlKey?'ctrl被按下':'ctrl没有被按下')
  27.         })
  29.         // 可以模拟任意事件 通过模拟事件可以欺骗代码 
  30.         // 让代码认为真的发生了一个事件
  31.         // 模拟事件的方法：
  32.         // 1 创建相应的事件 如鼠标事件的mouseEvent
  33.         // 2 初始化事件 可以虚拟各种数据（参考MDN文档）
  34.         // 3 使用dispatchEvent派发事件给指定元素
  35.     </script>
  36. </body>