JavaScript 中的dispatchEvent是怎么用的？

JavaScript09

JavaScript 中的dispatchEvent是怎么用的？,第1张

其实就是绑定事件。

一旦创建了一个事件对象，就要初始化这个事件的相关信息，每一种类型的事件都有特定的方法来初始化，在创建完事件对象之后，通过dispatchEvent()方法来将事件应用到特定的dom节点上，以便其支持该事件。这个dispatchEvent()事件，支持一个参数，就是你创建的event对象。

像Safari不支持非button元素的click事件，就要通过这个函数来派发click事件给元素以便支持

function dispatch(el, type){

try{

var evt = document.createEvent('Event')

evt.initEvent(type,true,true)

el.dispatchEvent(evt)

}catch(e){

alert(e)

}

}

var btn1 = document.getElementById('btn1')

dispatch(btn1, 'click')

这需要在request.ts中调用umiJS的dispatch函数。脱离了hock文件使用dva的dispatch函数，怎么搞？

可以用过 umi 暴露的 getDvaApp 方法获取 dva 实例，再获取 dispatch 方法，如下所示：

1直接提示只有确定功能的提示框 只显示提示信息 alert(“提示信息”)

alert ()的参数只有一个就是提示信息，无返回值

2 弹出输入框让你输入内容 prompt()

有两个参数：第一个显示提示信息，第二个显示输入框的默认值

3有确定和取消功能的函数 comfirm(“提示信息”)

就一个参数即提示信息 有返回值 true或false

用法为如下

在js中：

function IsSure(){

var mes=confirm("您确定要**吗？")

if(mes==true){ do sth}

else{ do otherthings}

}

<input id="shanchu"type="button" value="删 除" onclick="IsSure()"/>

4 弹出新的提示页面的函数 window.open("page.aspx")

参数如下：

可以通过设置参数来设置此页面的大小

window.open 弹出新窗口的命令；

'page.aspxs弹出窗口的文件名；

'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；

height=100 窗口高度；

width=400 窗口宽度；

top=0 窗口距离屏幕上方的象素值；

left=0 窗口距离屏幕左侧的象素值；

toolbar=no 是否显示工具栏，yes为显示；

menubar，scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小，yes为允许；

location=no 是否显示地址栏，yes为允许；

status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

例如：window.open ("page.aspx", "newwindow", "height=100, width=400, toolbar =no, menubar=no,

scrollbars=no, resizable=no, location=no, status=no")