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>

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

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

    写下这个给自己备忘,关于事件循环以及多线程方面的东西我还需要多多学习.首先我们都知道程序有一个主线程,在GUI程序中这个主线程也叫GUI线程,图形和绘图相关的函数都是由主线程来提供.主线程有个事件循环 ...

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

    1.案例实现代码 import React, { Component } from 'react'; /** * 事件对象.键盘事件.表单事件.ref获取dom节点.react实现类似Vue双向数据绑 ...

  3. 常用MouseEvent鼠标事件对象&KeyboardEvent键盘事件对象&常用键盘码

    MouseEvent鼠标事件对象: e.target //=> 事件源(操作的是哪个元素) e.clientX e.clientY //当前鼠标触发点距离当前窗口左上角的X|Y轴坐标 e.pag ...

  4. JavaScript的事件对象_键盘事件

    用户在使用键盘时会触发键盘事件.“DOM2 级事件”最初规定了键盘事件,结果又删除了相应的内容.最终还是使用最初的键盘事件,不过 IE9 已经率先支持“DOM3”级键盘事件. 一.键码 在发生 key ...

  5. javascript每日一练（七）——事件二：键盘事件

    一.键盘事件 onkeydown触发, keyCode键盘编码 ctrlKey altKey shiftKey 键盘控制div移动 <!doctype html> <html> ...

  6. vue学习笔记（一）关于事件冒泡和键盘事件 以及与Angular的区别

    一.事件冒泡 方法一.使用event.cancelBubble = true来组织冒泡 <div @click="show2()"> <input type=&q ...

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

    一.事件冒泡 方法一.使用event.cancelBubble = true来组织冒泡 <div @click="show2()"> <input type=&q ...

  8. JS高阶---事件循环模式（事件轮询）

    大纲: 相关知识点: 主体: (1)模型原理 JS部分:初始化代码执行 WebAPIS:执行上下文对象(不是一个真的对象,而是一个抽象的虚拟对象,可以看做栈里的一个区域,包含很多对象) setTime ...

  9. HTML5 Canvas鼠标与键盘事件

    演示HTML5 Canvas鼠标事件,获取Canvas对象上的鼠标坐标,演示键盘事件 通过键盘控制Canvas上对象移动. Canvas对象支持所有的JavaScript的鼠标事件,包括鼠标点击(Mo ...

随机推荐

  1. html5中的postMessage解决跨域问题

    解决跨域问题的方法有很多,如:图像ping(简单).jsonp(缺点是不能实现跨域post).CROS(CORS的本质让服务器通过新增响应头Access-Control-Allow-Origin,通过 ...

  2. rm link

    # this works rm foo # versus rm foo/

  3. PHP学习笔记--1，不总结，不掌握，不明白！

    不总结,不掌握,不明白! 前言: 学php一开始就是语法,变量,数组,函数,OOP(面向对象[封装,继承,多态,抽象]) 这些都是最基础的东西,但你还要懂一些在实际开发中要用的东西,比如基本的HTML ...

  4. 鼠标滚轮事件 onmousewheel

    1.fiefox:DOMMouseScroll               detail      detail*(-40)=wheelDelta 除了firefox之外:mousewheel     ...

  5. Struts2---声明式异常处理

    在service方法里 throw抛出一个异常, 然后再方法声明上加上throws: public List<Category> list() throws SQLException{ C ...

  6. postgresql 数据库的备份和恢复 （pg_dump 和 pg_restore）

    pg_dump 用来备份数据库: pg_restore 用来恢复数据库: 备份出来的文件可以用 XZ (linux 自带的压缩工具压缩). XZ压缩最新压缩率之王 xz这个压缩可能很多都很陌生,不过您 ...

  7. openstack controller ha测试环境搭建记录（十四）——配置cinder（存储节点）

    先简述cinder存储节点的配置:  1.IP地址是10.0.0.41:  2.主机名被设置为block1:  3.所有节点的hosts文件已添加相应条目:  4.已经配置了ntp时间同步:  5.已 ...

  8. 第三方app抽奖发送微信红包

    1.控制器方法: private string SendRedPackge(string OpenId, int Amount, string LuckyCode) { Models.PayWeiXi ...

  9. highcharts柱状图和饼图的数据填充

    1.其实数据填充很简单,它们就是json的格式,然后后台按照这种格式去套数据发给前端:前端再做一下连接处理等就行了. $('#program_statistics_bar').highcharts({ ...

  10. kvm学习小计

    1.Kvm安装 安装方法两种方式,一种是直接下载源码编译安装,一种是直接使用yum install kvm/apt-get install kvm,这部分就不详细说明了,我使用的是第二种方法,待后 续 ...