草庐IT

按钮组件

全部标签

javascript - angular2 组件内的 iframe,属性 'contentWindow' 在类型 'HTMLElement' 上不存在

我在angular2组件中有一个iframe,我试图通过访问contentWindow来更改iframe的内容。iframe应包含一个简单的按钮。我的代码:import{Component}from'@angular/core';@Component({moduleId:module.id,selector:'component-iframe',template:''})exportclassComponentIframe{constructor(){letiframe=document.getElementById('iframe');letcontent='Mybutton';le

javascript - Angular 表单提交事件在父组件和子组件之间触发两次

我有一个奇怪的问题,我的子表单的表单提交事件在我的父表单上触发了两次。child.component.html...child.component.ts@Component({selector:'child-form',templateUrl:'login.component.html',})exportclassChildComponent{@Output()submit=newEventEmitter();publicchildForm:FormGroup;childFormSubmit(){if(this.childForm.valid){console.log('ChildFo

javascript - 从 RxJS subscribe() 函数访问声明为组件的变量

我可以使用this.variable访问组件任何部分的变量,除了像subscribe()或catch()这样的RxJS函数内部。在下面的示例中,我想在运行进程后打印一条消息:import{Component,View}from'angular2/core';@Component({selector:'navigator'})@View({template:'./app.component.html',styles:['./app.component.css']})exportclassAppComponent{message:string;constructor(){this.mess

javascript - 将按钮添加到我的 React Native 应用程序时出现错误?

**我在添加按钮时遇到了一些问题!!**在应用程序中就是错误java.lang.stringcannotbecasttocom.facebook.react.uimanager.accessibilityDelegateUtil$accessibilityRole我的简单代码importReact,{Component}from"react";import{StyleSheet,TextInput,View,Button,Text}from"react-native";exportdefaultclassAppextendsComponent{state={placeName:""};

javascript - 使用带有 Angular 2 组件的 flexbox

我想更新我的Angular2应用程序的视觉面(网格、颜色)。旧布局是使用bootstrap4构建的,我真的不再需要它了。我决定使用纯css3,并使用flexbox构建网格。Imadeapreviewofthisgridoncodepen.然而,在元素中实现很困难,我现在被困住了。让我们考虑一个例子:import{Component}from'angular2/angular2';@Component({selector:'some-component',template:``})exportclassSomeComponent{}如果我在其中引导这个组件,例如.container我可能

javascript - jQuery中两个按钮的相同功能

我有两个按钮:btnAdd和btnUpdate。我为按钮btnUpdate编写了一个jquery函数来验证网页中的某些字段,例如:$(function(){$('#').click(function(){codehere});});我想在点击btnAdd时做同样的事情。所以我必须为btnAdd再次编写相同的函数。还有其他方法可以避免这种情况吗?(如果我写一个javascript函数并在两个按钮的按钮单击事件中调用相同的函数,那没问题。但是有什么方法可以使用jQuery吗?) 最佳答案 只需选择两个按钮,用逗号分隔:("#add,#u

javascript - 为什么 Plupload 中的 'add files' 按钮不会在最新的 Chrome 或 OS X 上的 FF 中触发?

这是用于在我的Rails应用程序中触发Plupload的代码:$("#uploader").pluploadQueue({runtimes:'gears,html5,flash,browserplus,silverlight,html4',url:'/uploads.js',//browse_button:'pickfiles',max_file_size:'10mb',chunk_size:'2mb',unique_names:false,container:'uploader',autostart:true,//RoR-makesureformismultipart//multip

javascript - 获取 Twitter Bootstrap 单选按钮的值。查询

我正在使用来自TwitterBootstrap的单选按钮:http://twitter.github.com/bootstrap/javascript.html#buttons.在我的html中看起来像这样:LeftMiddleRight我想知道如何使用Jquery或Javascript获取用户选中的按钮的值。我看到了几个关于这个主题的问题,但我认为这种按钮是不同的,因为它们看起来不接受“选中”属性。非常欢迎任何帮助PS:如果有人知道如何默认选中其中一个按钮,那也会对我有很大帮助。谢谢。 最佳答案 正如标签所说的那样,它是一个按钮,

javascript - 防止使用后退按钮(在 IE 中)

因此,我目前工作的中小企业希望尝试禁用某些页面的后退按钮。我们有一个页面,用户可以在其中进行一些选择并提交它们进行处理。在某些情况下,他们必须在另一页上输入评论。用户发现,如果他们提交信息并转到带有评论的页面,然后点击后退按钮返回上一页,则他们不必输入评论。我知道对此有几种不同的解决方案(其中许多比禁用后退按钮要优雅得多),但这就是我剩下的。是否可以通过改变后退按钮的行为来防止某人返回到上一页。(就像提交->返回错误之类的东西)。由于重复发布信息,我无法让它返回到上一页然后移动到当前页面。我只能让它不直接离开当前页面。我谷歌了一下,但我只看到帖子说它总是会返回到上一页。我希望有人拥有一

javascript - 是否可以在输入表单时检查大写锁定按钮是否处于事件状态?

我想知道在填写网络表单时是否可以知道大写锁定按钮是否处于事件状态?有时,当要求您输入密码时,软件会注意到您处于事件状态,因此您要小心。我希望在网络表单中做同样的事情。有什么想法吗? 最佳答案 以下jQuery代码片段检测是否在按键时启用了大写锁定:$('#example').keypress(function(e){vars=String.fromCharCode(e.which);if(s.toUpperCase()===s&&s.toLowerCase()!==s&&!e.shiftKey){alert('capsison');