designmode

Set focus on iframe in Chrome

和自甴很熟 提交于 2021-02-07 08:21:36
问题 I have an iframe ( id: 'chat' ) with designMode='on' in Chrome. On Enter keypress event I call the function send() , which takes the iframe contents and writes it to a socket. My problem is that when clearing the iframe, I lose focus. How to do I set the focus so I can continue to type text in the iframe? function send(){ var $iframe = $('#chat'); var text = $iframe.contents().text() + "\n"; socket.send(text); // When this is done, the focus is lost // If commented, the focus will not be lost

Set focus on iframe in Chrome

ぃ、小莉子 提交于 2021-02-07 08:19:47
问题 I have an iframe ( id: 'chat' ) with designMode='on' in Chrome. On Enter keypress event I call the function send() , which takes the iframe contents and writes it to a socket. My problem is that when clearing the iframe, I lose focus. How to do I set the focus so I can continue to type text in the iframe? function send(){ var $iframe = $('#chat'); var text = $iframe.contents().text() + "\n"; socket.send(text); // When this is done, the focus is lost // If commented, the focus will not be lost

模板方法模式

情到浓时终转凉″ 提交于 2020-12-10 06:31:02
模板方法模式 在模板模式(Template Pattern)中,一个抽象类公开定义了执行它的方法的方式/模板。它的子类可以按需要重写方法实现,但调用将以抽象类中定义的方式进行。这种类型的设计模式属于行为型模式。 优点: 封装不变部分,扩展可变部分。 提取公共代码,便于维护。 行为由父类控制,子类实现。 缺点: 每一个不同的实现都需要一个子类来实现,导致类的个数增加,使得系统更加庞大。 使用场景: 有多个子类共有的方法,且逻辑相同。 重要的、复杂的方法,可以考虑作为模板方法。 类图如下 实例代码 package com.jack.idea.test.designmode; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date; /** * 模板方法模式 * * @author ljs.song * @date 2018-01-02 15:22 */ public class Template { public static void main(String[] args) { Calendar calendar = Calendar.getInstance(); //季度分享电影短片开始 顺序回顾每个人的分享流程 ShareTemp xiaojieShare = new

设计模式 之 单例模式

ε祈祈猫儿з 提交于 2020-10-31 09:27:53
设计模式 之 单例模式 保证系统中一个类只有一个实例。 使用场景: 需要频繁实例化的对象; 创建时消耗资源过多,又常被使用的对象; 常见单例模式 1、饿汉式 package com.foruo.learn.designmode.singleton; /** * 单例 - 饿汉式(即类被加载时实例化对象) * @author GaoYuan * @date 2018/5/4 上午8:09 */ public class SingletonDemoEntity { /** 注意 static */ private static SingletonDemoEntity singletonDemoEntity = new SingletonDemoEntity(); /** 注意 private */ private SingletonDemoEntity(){} public static SingletonDemoEntity getInstance(){ return singletonDemoEntity; } public static void main(String[] args){ MyThread myThread = new MyThread(); Thread thread1 = new Thread(myThread); Thread thread2 = new

01-初识sketch-sketch优势

冷暖自知 提交于 2020-08-13 18:18:29
个人公众账号: IT入门 一.Sketch简介 Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页,图标以及界面设计的最好方式。但除了矢量编辑的功能之外,我们同样添加了一些基本的位图工具,比如模糊和色彩校正。我们尽力让 Sketch容易理解并上手简单,有经验的设计师花上几个小时便能将自己的设计技巧在Sketch中自如运用。对于绝大多数的数字产品设计,Sketch 都能替代Adobe Photoshop,Illustrator 和 Fireworks。 --摘自《sketch用户手册》 (1)Sketch是什么? Sketch是一款轻量、高效的矢量设计工具,它在矢量编辑基础上,提供了基本的位图样式支持(例如模糊和颜色调节),支持矩形工具、文字工具、布尔运算等功能。你可以把它看做是简化版的Photoshop,矢量版的Axure rp。但需要注意的是,Sketch不是一款位图编辑器。这就是说,你如果想做的是照片修正、画笔绘图,这款软件就不合适。 Part 1 Sketch的八大优势 1. 小清新颜值高 简洁高效 – 抗干扰 界面简洁美好,功能清晰。无悬浮面板,选择一个对象/图层(objects)就会展示对应检查器(inspectors),不会有PS中处理大文件时各种开关窗口情况。 ▲ 软件截图(全屏):左侧栏为图层区;右侧栏为检查器区 2. 使用畅快易上手 2

如何在框架中使用DevExpress TreeList和TreeListLookupEdit控件

只愿长相守 提交于 2020-08-08 18:45:04
DevExpress Winforms Controls 内置140多个UI控件和库,完美构建流畅、美观且易于使用的应用程序。DevExpress WinForm v20.1全新发布,想要体验? 点击下载>> DevExpress提供的树形列表控件TreeList和树形下拉列表控件TreeListLookupEdit都是非常强大的一个控件,它和我们传统Winform的TreeView控件使用上有所不同,我一般在Winform开发中根据情况混合使用这些控件,不过整体来看,基于DevExpress的TreeList和TreeListLookupEdit表现相对比较好看一些,本文主要介绍这两个控件在实际Winform项目中的使用处理。 DevExpress TreeList控件的使用 例如在菜单管理中,我们知道菜单一般情况下是层次节点的,我们为了直观显示的需要,一般把菜单用树列表控件进行展示,其中就会用到我们说的TreeList控件,如下界面所示。 其中TreeList和一个输入SearchControl来一起协同使用,可以提高界面的友好性,我们可以通过输入关键字进行节点的过滤显示。 如输入过滤内容后查询过滤树列表节点,如下所示,这样可以给用户快速模糊检索指定的树节点。 有了大概的感官认识,我们来了解下TreeList控件的使用情况。在菜单界面的设计视图下

(三十二)c#Winform自定义控件-表格-HZHControls

左心房为你撑大大i 提交于 2020-04-29 01:24:13
官网 http://www.hzhcontrols.com 前提 入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章。 GitHub: https://github.com/kwwwvagaa/NetWinformControl 码云: https://gitee.com/kwwwvagaa/net_winform_custom_control.git 如果觉得写的还行,请点个 star 支持一下吧 欢迎前来交流探讨: 企鹅群568015492 目录 https://www.cnblogs.com/bfyx/p/11364884.html 准备工作 表格控件将拆分为2部分,1:行元素控件,2:列表控件 为了具有更好的扩展性,更加的open,使用接口对行元素进行约束,当行样式或功能不满足你的需求的时候,可以自定义一个行元素,实现接口控件,然后将类型指定给列表控件即可 表格控件用到了分页控件,如果你还没有对分页控件进行了解,请移步查看 (十二)c#Winform自定义控件-分页控件 开始 定义一些辅助东西 1 public class DataGridViewCellEntity 2 { 3 public string Title { get ; set ; } 4 public int Width { get ; set ; } 5 public System

设计模式-职责链模式(ChainOfResponsibility)

陌路散爱 提交于 2020-04-28 16:13:17
讲故事 书接上文, 状态模式 完美解决了多判断分支分支问题,符合了我 人生信条 的第一、第三条。今天来探讨一下状态模式异父异母的亲兄弟 职责链模式 ,它们都有异曲同工之妙,实际开发中可根据口味,自行选用。 今天的故事背景就放在我们平时 申请加薪、请假等活动中,我们都知道,随着我们申请内容的不同,审批人员的等级也不同。我们就先用最简单的代码模拟一下 Coding RequestType 枚举,规范我们申请的类型 /// <summary> /// 请求类型 /// </summary> public enum RequestType { /// <summary> /// 请假 /// </summary> Leave, /// <summary> /// 加薪 /// </summary> PayRise } Requset 类,简单描述申请内容 /// <summary> /// 请求 /// </summary> public class Requset { /// <summary> /// 请求类型 /// </summary> public RequestType Type { get; set; } /// <summary> /// 请求数量 /// </summary> public int Number { get; set; } /// <summary> //

Removing resize handlers on contentEditable div

本小妞迷上赌 提交于 2020-01-19 10:06:30
问题 I created a contentEditable div to use as a rich textarea. It has resize handlers around it that I'd like to get rid of. Any idea how I'd do this? Edit: This appears to be happening because I am absolutely positioning the div, so Firefox adds an infuriating _moz_resize attribute to the element which I cannot turn off. 回答1: Just as a side note, you can disable Firefox's automatic resize handle feature by sending the (somewhat poorly-documented) enableObjectResizing command to the document:

Removing resize handlers on contentEditable div

╄→гoц情女王★ 提交于 2020-01-19 10:06:26
问题 I created a contentEditable div to use as a rich textarea. It has resize handlers around it that I'd like to get rid of. Any idea how I'd do this? Edit: This appears to be happening because I am absolutely positioning the div, so Firefox adds an infuriating _moz_resize attribute to the element which I cannot turn off. 回答1: Just as a side note, you can disable Firefox's automatic resize handle feature by sending the (somewhat poorly-documented) enableObjectResizing command to the document: