dojo 创建按钮和文本输入框 tip 提示以及控件焦点 focus
2016-11-21 04:12
381 查看
页面展开还有创建两个控件,Button 和 TextBox,单击按钮后 TextBox 出现 tip 提示,并获得焦点(focus),TextBox 事件 keyup 则关闭 tip,代码如下:
![](http://img.blog.csdn.net/20161121042042506?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
blog.csdn.net/joyous/article/details/53254268
Q群讨论:236201801
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="scripts/dojo/1.11.2/dijit/themes/claro/claro.css"> <link rel="stylesheet" href="scripts/dojo/1.11.2/dijit/themes/nihilo/nihilo.css"> <link rel="stylesheet" href="scripts/dojo/1.11.2/dijit/themes/tundra/tundra.css"> <script type="text/javascript" src="scripts/dojo/1.11.2/dojo/dojo.js" djConfig="parseOnLoad: true, isDebug: true, locale:'zh-cn'"></script> <script type="text/javascript"> require([ "dijit/form/TextBox", "dijit/focus", "dijit/form/Button", "dijit/Tooltip", "dojo/dom", "dojo/on", "dojo/mouse", "dojo/domReady!" ], function(TextBox, focusUtil, Button, Tooltip, dom, on, mouse) { // 创建一个输入框 var myTextBox = new dijit.form.TextBox({ name : "firstname", value : "" /* no or empty value! */, placeHolder : "type in your name", }, "textbox2"); // 设置 textbox keyup hide tip on(myTextBox, "keyup", function() { var node = dom.byId('textbox2'); Tooltip.hide(node); }); // 创建一个按钮 var myButton = new Button({ label : "Click1", onClick : function() { console.info('button1 onclick'); // button onClick show tip var node = dom.byId('textbox2'); Tooltip.show("tooltip & focus, keyup hide me.", node); // focus textbox2 dojo.byId("textbox2").focus(); } }, "button1").startup(); }); </script> </head> <body class="nihilo"> <div id="div1"> <div id="button1"></div> </div> <p /> <div id="div2"> <div id="textbox2"></div> </div> </body> </html>
blog.csdn.net/joyous/article/details/53254268
Q群讨论:236201801
相关文章推荐
- 原创超酷圆角带阴影焦点变色,还带提示按钮文本输入框
- 在进行验证的时候,用户名登录注册,然后没有输入用户名,提示“请输入用户名!”,并且出现focus()函数,表示焦点在用户名输入框。
- 创建三个输入文本框,当光标离开文本框的时候如果文本框为空,则将文本框背景色设置为红色,如果不为空则为白色。提示:焦点进入控件的事件是onfocus,焦点离开控件的事件是onblur
- [原]创建三个输入文本框,当光标离开文本框的时候如果文本框为空,则将文本框背景色设置为红色,如果不为空则为白色。提示:焦点进入控件的事件是onfocus,焦点离开控件的事件是onblur
- [WPF]为控件中的焦点设置样式以及 FocusVisualStyle
- 【iOS开发-56】案例BUG:按钮的enabled、控件的userInteractionEnabled以及两种提示框UIAlert和UIActionSheet
- <<锋利的jQuery>>样例改进利用, html文本输入框得到与失去输入焦点的提示信息显示切换函数
- 创建字体以及文本控件显示的总结
- jQuery用focus()使文本输入框获得焦点且焦点在文字的最右的方法
- QT5控件-QPushButton和QFocusFrame(按钮和焦点框)
- jQuery用focus()使文本输入框获得焦点且焦点在文字的最右的方法
- Android-->输入框自动提示文本, 失去焦点自动输入
- 对tabcontrol控件增强,添加关闭按钮功能、呼吸灯标签闪烁功能、类QQ消息数量标签提示TIP
- win32创建控件和提示文本
- AutoCompleteTextView 控件实现提示文本以及模糊查询
- 如何创建托盘,以及创建托盘提示(Tip)
- 关于按钮等控件提示信息CXInfoTip 类改进
- 动态改变工具栏按钮图标及工具提示文本
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]