event

1 图片是用2倍图。 我这次出现模糊的话：每个图片外套一层div就解决了。（讲不出道理）其中试过把png改成jpg，也没啥用。 2 QQ浏览器打开网页，往下翻，会出现“网页由某某提供”会滑动影响自己的网页效果。去掉办法如下： <script type="text/javascript"> (function(id){ var app = document.getElementById(id); var touchstartY; app.addEventListener("touchstart", function(event) { var events = event.touches[0] || event; touchstartY = events.clientY; //获取触摸目标在视口中的y坐标 console.log("touchstartY:"+touchstartY); }, false); app.addEventListener("touchmove", function(event) { var events = event.touches[0] || event; console.log("end:"+event.changedTouches[0].pageY); var tempY = event.changedTouches[0].pageY -

　　前几天，在写完一个功能模块上线测试的时候，出现了一个诡异的问题。input 框在输入查询内容之后，按回车键居然有两种不同的表现形式（input 框没有绑定键盘事件），谷歌和火狐功能正常，但IE在按了回车键以后居然自动调用方法。 页面结构：标签上没绑定任何键盘事件，控制器内也没有给元素绑定键盘事件。 <div class="search-input-tel search-input-visit-tel" > <input class="searchinput-tel searchinput-visit-tel" type="text" ng-model="private.keyWords" maxlength="20" placeholder="请输入查询信息!"/> </div> 表现形式： ，谷歌和火狐很正常，什么事都没发生 ，IE上却自动调用了一个方法，而且始终调用的同一个方法。 　　搞得有点蒙圈，不晓得是咋回事。既然 input框 要调用键盘事件，那就调用吧，大不了我在标签上面绑定定义好的键盘事件方法： <div class="search-input-tel search-input-visit-tel" > <input class="searchinput-tel searchinput-visit-tel" type="text" ng-model=

文章目录 设计模式——观察者设计模式结合事件发布 几个要素 代码实现 画图总结 设计模式——观察者设计模式结合事件发布 几个要素 要素一： 被观察者持有观察者的引用，有多个观察者，所以得用list存储 要素二： 支持动态注册观察者，注销观察者 要素三： 可以发布事件并且通知所有观察者 要素四： 观察者只会观察自己感兴趣的事件 代码实现 观察者相关代码 public interface EventListener { boolean support ( Event event ) ; //感兴趣的事件 void update ( ) ; //感兴趣后执行逻辑 } public class L1 implements EventListener { @Override public boolean support ( Event event ) { if ( event instanceof StartEvent ) return true ; return false ; } @Override public void update ( ) { System . out . println ( "l1" ) ; } } public class L2 implements EventListener { @Override public boolean support ( Event

真的了解FastClick吗？: https://www.cnblogs.com/ylweb/p/10549040.html 你真的了解FastClick吗？ 前段时间在做公司官网手机端菜单部分的时候，遇到一些很诡异的点击问题。比如菜单点击无效/双击才有效、在手指滑动的时候会触发点击事件、以及同样的事件处理在微信跟浏览器会有不一样的表现等等，这些问题我一直试图用一些移动端事件的hack来解决，到最后还是有两个问题没有解决掉。后来意识到可能是引入的插件导致的事件冲突引起，因为一直都在全局引入了fastclick，以及最初偷懒引入的一个菜单功能插件（插件中有引入iScroll）。经过排查最后得出结论是fastclick与插件 冲突所致，只能去除插件重写菜单功能。而这个小插曲也让我有兴趣阅读一下它的源码来深究一下fastclick到底做了什么？ FastClick的使用场景及背景： 移动端的开发经常需要监听用户的双击行为，事件的发生顺序是这样的：touchstart---touchmove---touchend,然后大约过300ms触发click事件，用来判断是否有双击事件。 在混合使用touch与click时，会导致点击穿透！（此处不展开讨论） FastClick的思路就是 利用touch来模拟tap（触碰），如果认为是一次有效的tap，则在touchend时立即模拟一个click事件

import pygame # 初始化pygame库，让计算机硬件准备 pygame.init() # ----------窗口相关操作----------- # 创建窗口 window = pygame.display.set_mode([窗口宽，窗口高]) # 设置窗口标题 pygame.display.set_caption("窗口标题") # 加载资源图片，返回图片对象 image = pygame.image.load("res/game.ico") # 设置窗口图标 pygame.display.set_icon(image) # 指定坐标，将图片绘制到窗口 window.blit(image, (0, 0)) # ----------图像相关操作----------- # 加载图片文件，返回图片对象 image = pygame.image.load("图片路径") # 获得图片矩形对象 -> Rect(x, y, width, height) # 默认情况下左上角的坐标是 (0, 0) rect = image.get_rect(centerx=x, centery=y) # 在原位置基础上，移动指定的偏移量 (x, y 增加) rect.move_ip(num1, num2) # 判断两个矩形是否相交，相交返回True，否则返回False flag =

< html > < body > < div id = " div1 " style = " POSITION: absolute; LEFT: 0px; TOP: 0px; WIDTH: 356px;HEIGHT: 284px; BACKGROUND-COLOR: silver; " onmousedown = " down() " onmousemove = " move() " onmouseup = " up() " ></ div > < script > var isdown = false var beginx,beginy function down() { isdown = true ; } function move() { if (isdown){ var endx = event.clientX; var endy = event.clientY; div1.style.left = parseInt( div1.style.left ) + endx - beginx; div1.style.top = parseInt( div1.style.top ) + endy - beginy; } beginx = event.clientX; beginy = event.clientY; } function up() { isdown = false

1.事件绑定 < button id = "btn" > 测试 < / button > < script > var btn = document . getElementById ( "btn" ) btn . addEventListener ( "click" , event => { alert ( event . target ) } ) < / script > ` 2.事件冒泡 < body > < div id = "div1" > < p > 这是p1 < / p > < p > 这是p2 < / p > < p > 这是p3 < / p > < p > 这是p4 < / p > < / div > < / body > < script > let body = document . body ; body . addEventListener ( "click" , event => { console . log ( "body click" ) ; console . log ( event . target ) ; } ) let div1 = document . getElementById ( "div1" ) ; div1 . addEventListener ( "click" , event => { event .

JSON( JavaScript Object Notation )，是一种 轻量级的数据交换格式，易于解析和生成，也易于阅读和编写。 ajax的模式和构架被大量网站应用，JSON作为数据传输会是个首选。 虽然AS3对XML的解析已经很好了，但XML作为数据传输数据量大，服务器负担会过重。JSON本身的结构就简单易于理解，它的特点就是数据量小，数据的结构清晰。 下面说下as3对JSON的获取和发送(PS: http://code.google.com/p/as3corelib/ 可以下载到JSON的类库 )： Json代码: [{"type":"pic","num":"1"}, {"type":"text","num":"2"}, {"type":"swf","num":"3"}, {"type":"html","num":"4"}] ActionScript 代码: package {import com.adobe.serialization.json.JSON;import flash.display.Sprite;import flash.events.Event;import flash.net.URLLoader;import flash.net.URLRequest;public class getJSON extends Sprite { public

#include "widget.h" Widget::Widget(QWidget *parent) : QWidget(parent) { m_canvasPix = QPixmap(this->width(),this->height()); m_canvasPix.fill(Qt::white); m_bIsDrawing = false; } Widget::~Widget() { } void Widget::paintEvent(QPaintEvent *event) { int x,y,w,h; x = m_lastPt.x(); y = m_lastPt.y(); w = m_endPt.x() - x; h = m_endPt.y() - y; QPainter painter(this); //! 如果正在绘图，就在辅助画布上绘制 if(m_bIsDrawing) { //! 将以前pix中的内容复制到tempPix中，保证以前的内容不消失 m_tmpCanvasPix = m_canvasPix; QPainter pp(&m_tmpCanvasPix); pp.drawRect(x,y,w,h); painter.drawPixmap(0, 0, m_tmpCanvasPix); } else { QPainter pp(&m_canvasPix); pp

1、关于图片上传控件，flash控件的显示效果要好一些，本人使用swfupload 2、swfupload上传控件使用方式详见文档 http://www.leeon.me/upload/other/swfupload.html 3、参照文档说明和官方demo，写一个小例子是没有任何问题的，在firefox或者chrome下如碰到302错误，错误堆栈如下： SWF DEBUG: SWFUpload Init Complete SWF DEBUG: SWF DEBUG: ----- SWF DEBUG OUTPUT ---- SWF DEBUG: Version: 2.5.0 2010-03-05 Beta 3.2 SWF DEBUG: movieName: SWFUpload_0 SWF DEBUG: Upload URL: /iwebshop/index.php?controller=shop&action=goods_imgupload&photo_name=photo_name&showlist=show_list&single=false SWF DEBUG: File Types String: *.jpg;*.jpge;*.png;*.gif SWF DEBUG: Parsed File Types: jpg,jpge,png,gif SWF DEBUG: HTTP