lufylegend库 鼠标事件 循环事件 键盘事件

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>lufylegend</title>
    <script type="text/javascript" src="lufylegend-1.7.6.js"></script>
</head>

<body>
    <div id="mylegend">loading...</div>
    <script type="text/javascript">
    init(50, ‘mylegend‘, 500, 350, main);
    var field;

    function main() {
        var layer = new LSprite();
        layer.graphics.drawRect(1,‘#cccccc‘,[0,0,300,300],true,‘#cccccc‘);
        addChild(layer);
        field = new LTextField();
        field.text = ‘Wait Click!‘;
        layer.addChild(field);
        layer.addEventListener(LMouseEvent.MOUSE_DOWN,downshow);
        layer.addEventListener(LMouseEvent.MOUSE_UP,upshow);
    }
    function downshow (event) {
        field.text = ‘Mouse Down‘;
    }
    function upshow (event) {
        field.text = ‘Mouse Up‘;
    }
    </script>
</body>

</html>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>lufylegend</title>
    <script type="text/javascript" src="lufylegend-1.7.6.js"></script>
</head>

<body>
    <div id="mylegend">loading...</div>
    <script type="text/javascript">
    init(50, ‘mylegend‘, 500, 350, main);
    var field;

    function main() {
        var layer = new LSprite();
        layer.graphics.drawRect(1, ‘#cccccc‘, [0, 0, 300, 300], true, ‘#cccccc‘);
        addChild(layer);
        field = new LTextField();
        field.text = ‘0‘;
        layer.addChild(field);
        layer.addEventListener(LEvent.ENTER_FRAME, onframe);
    }

    function onframe(event) {
        field.text = parseInt(field.text) + 1;
    }
    </script>
</body>

</html>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>lufylegend</title>
    <script type="text/javascript" src="lufylegend-1.7.6.js"></script>
</head>

<body>
    <div id="mylegend">loading...</div>
    <script type="text/javascript">
    init(50, ‘mylegend‘, 500, 350, main);
    var field;

    function main() {
        var layer = new LSprite();
        layer.graphics.drawRect(1, ‘#cccccc‘, [0, 0, 300, 300], true, ‘#cccccc‘);
        addChild(layer);
        field = new LTextField();
        field.text = ‘Wait ‘;
        layer.addChild(field);
        LEvent.addEventListener(LGlobal.window,LKeyboardEvent.KEY_DOWN,downshow);
        LEvent.addEventListener(LGlobal.window,LKeyboardEvent.KEY_UP,upshow);
    }

    function downshow (event) {
        field.text = event.keyCode + ‘ Down!‘;
    }

    function upshow (event) {
        field.text = event.keyCode + ‘ Up!‘;
    }

    </script>
</body>

</html>
时间: 2024-10-03 19:45:07

lufylegend库 鼠标事件 循环事件 键盘事件的相关文章

Qt事件循环与状态机事件循环的思考

写下这个给自己备忘,关于事件循环以及多线程方面的东西我还需要多多学习.首先我们都知道程序有一个主线程,在GUI程序中这个主线程也叫GUI线程,图形和绘图相关的函数都是由主线程来提供.主线程有个事件循环Event Loop,其实就是一个死循环在不断的等待你的消息队列,通过消息队列完成响应用户操作,绘图,以及相关操作.我们都知道QDialog有一个exec函数,这个函数会形成“模态”对话框,然后等待用户去输入OK还是Cancel,否则他绝不返回,如下 void test() { QDialog di

React 事件对象、键盘事件、表单事件、ref获取dom节点、react实现类似Vue双向数据绑定

1.案例实现代码 import React, { Component } from 'react'; /** * 事件对象.键盘事件.表单事件.ref获取dom节点.react实现类似Vue双向数据绑定 * 事件对象: 在触发DOM上的某个事件时,会产生一个事件对象event,这个对象包含着所有与事件有关的信息 * 表单事件: 获取表单的值 * 1.监听表单的改变事件 ---onChange * 2.在改变的事件里面获取表单输入的值 ---event * 3.把表单输入的值赋值给username

事件类型(键盘事件)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

事件委托与键盘事件

1.fn()与fn的区别? fn():执行里面的函数 fn:  将函数的内容赋给谁 2.事件委托的解析 onmouseenter,onmouseleave与onmouseover,onmouseout的区别? onmouseenter获取的事件源(target)是元素的本身,所以他没有事件冒泡的机制 onmouseover获取的事件源(target)是为他的子级,当改变事件源的时候也是改变子级(同时也让自己拥有了父级的事件)从而就会产生冒泡机制: 3.dom0级与dom2级的区别? 1.dom2

vue学习笔记(一)关于事件冒泡和键盘事件 以及与Angular的区别

一.事件冒泡 方法一.使用event.cancelBubble = true来组织冒泡 <div @click="show2()"> <input type="button" value="按钮" @click="show1($event)"> </div> methods:{ show1:function(ev){ console.log(ev); alert(1); ev.cancelB

JavaScript的事件对象_键盘事件

用户在使用键盘时会触发键盘事件.“DOM2 级事件”最初规定了键盘事件,结果又删除了相应的内容.最终还是使用最初的键盘事件,不过 IE9 已经率先支持“DOM3”级键盘事件. 一.键码 在发生 keydown 和 keyup 事件时,event 对象的 keyCode 属性中会包含一个代码,与键盘上一个特定的键对应.对数字字母字符集,keyCode 属性的值与 ASCII 码中对应小写字母或数字的编码相同.字母中大小写不影响. <script type="text/javascript&q

关于事件冒泡和键盘事件 以及与Angular的区别

一.事件冒泡 方法一.使用event.cancelBubble = true来组织冒泡 <div @click="show2()"> <input type="button" value="按钮" @click="show1($event)"> </div> methods:{ show1:function(ev){ console.log(ev); alert(1); ev.cancelB

JS——事件详情(键盘事件:keyCode、ctrlKey...)

键盘事件 1>keyCode 1)keyCode方法——即:获取用户按下键盘所对应的键值 2)案例:键盘控制div移动 案例代码如下图: 2>其他属性 1)ctrlKey.shiftKey.altKey(这三个的用法相同) 用法:ctrlKey 事件属性可返回一个布尔值,指示当事件发生时,Ctrl 键是否被按下并保持住.若点击了ctrl键,则为true:反之则为false: 但,需要注意的是:alt键,因为是关联到计算机系统 本身的按键,所以建议少用altKey这个方法. 2)案例:提交留言

JS高阶---事件循环模式(事件轮询)

大纲: 相关知识点: 主体: (1)模型原理 JS部分:初始化代码执行 WebAPIS:执行上下文对象(不是一个真的对象,而是一个抽象的虚拟对象,可以看做栈里的一个区域,包含很多对象) setTimeout:定时器管理模块(分线程) DOM(document):事件响应管理模块(分线程)callback queue:回调函数队列---→待执行JS中的stack初始化代码优先执行,当执行完毕后,才会执行回调代码 重点: 先执行初始化代码,执行完毕后才会循环遍历“”回调队列“”里的回调代码 (2)相