html5event的简单介绍

html5 createevent什么属性

事件对象就像一个开关：它只有两种状态---开和关。当一个事件处于”开”状态，我们称其为”有信号”否则称为”无信号”。可以在一个线程的执行函数中创建一个事件对象，然后观察它的状态，如果是”无信号”就让该线程睡眠，这样该线程占用的CPU时间就比较少。

产生事件对象的函数如下：

HANDLE CreateEvent(

LPSECURITY_ATTRIBUTES lpEventAttributes, // SD

BOOL bManualReset, // reset type

BOOL bInitialState, // initial state

LPCTSTR lpName // object name

);

该函数创建一个Event同步对象,如果CreateEvent调用成功的话，会返回新生成的对象的句柄，否则返回NULL。

参数说明：

lpEventAttributes 一般为NULL

bManualReset 创建的Event是自动复位还是人工复位.如果true,人工复位, 一旦该Event被设置为有信号,则它一直会等到ResetEvent()API被调用时才会恢复 为无信号. 如果为false,Event被设置为有信号,则当有一个wait到它的Thread时, 该Event就会自动复位,变成无信号. 如果想 在每次调用WaitForSingleObject 后让WINDOWS为您自动地把事件地状态恢复为”无信号”状态，必须把该参数设为FALSE,否则，您必须每次调用ResetEvent函数来清除事件 的信号。

bInitialState 初始状态,true,有信号,false无信号

lpName 事件对象的名称。您在OpenEvent函数中可能使用。

注释：

一个Event被创建以后,可以用OpenEvent()API来获得它的Handle,用CloseHandle() 来关闭它,用SetEvent()或PulseEvent()来设置它使其有信号,用ResetEvent() 来使其无信号,用WaitForSingleObject()或WaitForMultipleObjects()来等待其变为有信号.

PulseEvent()是一个比较有意思的使用方法,正如这个API的名字,它使一个Event 对象的状态发生一次脉冲变化,从无信号变成有信号再变成无信号,而整个操作是原子的.

对自动复位的Event对象,它仅释放第一个等到该事件的thread（如果有),而对于人工复位的Event对象,它释放所有等待的thread.

这里有两个API函数用来修改事件对象的信号状态：SetEvent和ResetEvent。前者把事件对象设为”有信号”状态，而后者正好相反。

在事件对象生成后，必须调用WaitForSingleObject来让线程进入等待状态，该函数的语法如下：

WaitForSingleObject proto hObject:DWORD, dwTimeout:DWORD

hObject --指向同步对象的指针。事件对象其实是同步对象的一种。

dwTimeout -- 等待同步对象变成”有信号”前等待的时间，以毫秒计。当等待的时间超过该值后无信号同步对象仍处于”无信号”状态，线程不再等待， WaitForSingleObject函数会返回。如果想要线程一直等待，请把该参数设为INFINITE（该值等于0xffffffff)。

相关问答

Q1: 怎么在h5中使用event对象 用引包吗

1、h5 文件操作API：

2、HTML5 服务器推送事件（Server-sent Events）实战开发：

Q2: HTML5添加ONTouchEvent事件

实际上,拿canvas2D绘制,只是把image渲染到 canvas(画布上).而实际的事件,就不能像标签那么处理,应该对canvas的事件做处理.

实现逻辑是这样:

1,添加事件监听,比如说,鼠标按下 做什么,滑动 做什么,弹起做什么.一般鼠标事件都是判断弹起的位置

2,判断有效坐标,在事件中判断坐标位置是否在图片位置,也就是图片在canvas的位置.

ex:

//some code...

canvas.width=400;

canvas.height=400;

var context2d = canvas.getContext("2d");

var img =new Image();

img.src="xxx/xxx.png";

img.onload=function(){

context2d.drawImage(img,X,Y,WIDTH,HEIGTH);

//X=0,Y=0,W=50,H=50

canvas.addEventListener("mouseup", keyUp, false);

}

function keyUp(evt){

Event_UpX = evt.offsetX;

Event_UpY = evt.offsetY;

if(Event_UpX=绘制坐标XEvent_UpX=图片宽度){

if(Event_UpY=绘制坐标YEvent_UpY=图片高度){

//do something

}

}

}

Q3: HTML5中，谷歌浏览器不支持DeviceMotionEvent怎么办？

因为你的应用当前是用 HTTP 访问，使用 HTTPS 就不会出现这种问题了。

iOS/Safari 同理，IOS12.2 之后甚至还默认关闭了陀螺仪。

Q4: html5 的server-sent event事件还需要客户端请求服务器端才能推送吗？

根据w3school原文

This was also possible before, but the web page would have to ask if any updates were available. With server-sent events, the updates come automatically.

以下是个人理解

这个event是需要客户端发送给服务器一个request让服务器来查看是否有更新，然后如果有更新服务器将更新自动发回客户端，

所谓的 one way messaging,指的是客服端与服务器成功建立了EventSource后，客户端发的request不需要夹带任何信息比如user id等，然后服务器将通过这个通道直接发送回message

希望能帮到您