按钮 | 易学教程

JavaScript DOM–事件操作

阅读更多关于 JavaScript DOM–事件操作

事件注册事件给元素添加事件，为注册事件或者绑定事件注册事件两种方式传统方式监听事件方式事件监听 addEventListener() 事件监听 (IE9以上) eventTarget.addEventListener(type, listener, [useCapture]) 参数type：事件类型字符串，不要on 如click，mouseover 参数listener：事件处理函数，触发的时候要做的事情参数useCapture：可选，是一个布尔值，默认false attacheEvent() 事件监听 (IE678支持) evetagrget.attachEvent(eventNameWithOn, callback) 参数eventNameWithOn：事件类型字符串，不要on 如click，mouseover 参数callback：事件处理函数，触发的时候要做的事情 <body> <button>传统注册事件</button> <button>addEventListener ie9以上</button> <button>attachEvent ie678</button> <script> var btns = document.querySelectorAll('button'); // 传统注册事件 btns[0].onclick =

JS 08表单操作_表单域

阅读更多关于 JS 08表单操作_表单域

一、表单的获取方式 document.getElementById() document.forms[index]; document.forms[form_name] document.form_name function testGetForm() { var frm = document.getElementById("regForm"); // 常用 console.log(frm); frm = document.forms[0]; console.log(frm); frm = document.forms["aaform"]; console.log(frm); frm = document.aaform; // 常用,仅表单可以通过name属性获取 console.log(frm); } 二、表单对象的属性 action :表单提交的地址 method :表单的提交方式：get（默认）、post get方式和post方式的区别 1.get方式会将提交的数据以（?name1=value1&name2=value2...）放在url后面 post方式会将数据以（name1=value1&name2=value2...）放在“请求实体”中 2.get将数据放在url后,由于url是有长度的,且url是可见,所以get方式不适合发送一些敏感数据 post方式将数据放在

前端学习（453）：移动

阅读更多关于前端学习（453）：移动

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> div{width: 100px;height: 100px;background-color: orange;position:absolute;left: 400px;top: 400px;} </style> </head> <body> <button id="upBn">上</button> <button id="leftBn">左</button> <button id="downBn">下</button> <button id="rightBn">右</button> <div id="div0"></div> <script> var upBn=document.getElementById("upBn"); var leftBn=document.getElementById("leftBn"); var rightBn

基于Vue实现在线测试

阅读更多关于基于Vue实现在线测试

HTML部分： <!doctype html> <html lang="zh"> <head> <title>在线测试</title>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <script src="D:\WebCode\Vue.js"></script>  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> </head> <body>  <div id="app">  <nav class="navbar navbar-expand-lg navbar

js函数传参

阅读更多关于 js函数传参

1、使用函数传参，就是在函数表示大致相同，但是有一个东西是定不下来的，把其作为参数放入其中。 2、操作属性的两种方法： var oDiv = document.getElementById('aa'); oDiv.value='qwer'; oDiv['value']='qwer'; //第二种是里面输入一个字符串，其中的好处就是应用到函数传参进行改变属性的操作中用到或者以下 oDiv.style.width='qwer'; oDiv.style['width']='qwer'; <style> #aa{width: 200px;height: 200px;background-color: palevioletred;} </style> <body> <div> <button onclick="change('width','500px');">变宽</button> <button onclick="change('height','500px');">变高</button> <button onclick="change('background-color','red');">变红</button> </div> <div id='aa'> </div> <script> function change(name,value){ var oDiv = document

安卓实验四

阅读更多关于安卓实验四

package com.example.resdemo; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.TextView; public class MainActivity extends Activity implements OnClickListener{ TextView title; Button btn; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Button btn=(Button)findViewById(R.id.button1); btn.setOnClickListener(this); title=(TextView)findViewById(R.id.textView1);

HttpWebRequest模拟c#网站登录

阅读更多关于 HttpWebRequest模拟c#网站登录

用户名密码模拟登录asp.net开发的网站关心两个问题:通过控件属性获取数据、响应事件。上面是一个普通的asp.net表单。输入用户名、密码后，点击按钮将会进入各自绑定的后台函数,而不仅仅是将form POST 。如果点击登录进入登录验证，如果点击是更改密码进入更改密码处理。获取POST数据及格及格式可以通过浏览器或者http协议工具，如 fiddler 分析。上图所示的登录界面中，需要提交的表单数据是: loginname =loginname& password =password。如只提交这两数据，无法通过asp:TextBox.value获取数据，也无法进入按钮响应的事件。响应事件如何触发事件？一个页面可能有多个post按钮，如修改、删除，按钮，页面提交后，会进入对应的事件中。通过什么机制触发事件一直没有找到满意的答案。之前在博问中寻求过帮助，也许是没有彻底理解热心园友的回复，问题一直没有解决，但依然感谢走过、路过的朋友。博问链接:1、 c#模拟网页登陆 2、 HttpWebRequest 模拟登录直到在博客园看到了这篇博文才实现了c#网站的登录。对于asp.net开发的网站，需要将 __VIEWSTATE 和 __EVENTVALIDATION 作为数据写入。 e.g. loginname =loginname& password

Ant Design Vue 表单验证踩坑

阅读更多关于 Ant Design Vue 表单验证踩坑

最近一个项目用了 Ant Design Vue ，我也不知道为啥用这个。。。FORM表单验证踩地坑简直是让我哭哭哭以前用elementUI,Iview,很顺手，v-model简直是标配可是这个Ant Design Vue 在需要验证的时候不能用 v-model ,用 v-decoration 。贴代码如下 <style lang="less"> @import 'sourceManage'; </style> <template> <div ref="sourceManage"> <a-row :gutter="24"> <a-col :sm="12" :md="8" :xl="8"> <h3> 所属类目： <span>{{databaseType}}</span> </h3> </a-col> <a-col :sm="12" :md="3" :xl="3" :offset="11"> <a-button type="primary" icon="plus" @click="showSourseForm">添加源</a-button> </a-col> </a-row> <a-row :gutter="24" style="margin-top:30px;" v-if="databaseInformation.length"> <a-col :sm="12" :md="8

QT 中QMessageBox 自定义按钮

阅读更多关于 QT 中QMessageBox 自定义按钮

QT 中QMessageBox 自定义按钮由于添加两个自定义按钮导致窗口不能关闭，右上角按钮变成灰色不能使用；解决方法是又添加默认按钮 “QMessageBox::No 同时设置不可见。可以使用右上角关闭按钮” QMessageBox msg; msg.setWindowTitle(tr(“打开新文档”)); msg.setWindowIcon(QIcon(":/icon/document.png")); msg.setText(“是否在当前窗口打开？”); QPushButton *yestButton = msg.addButton(tr(“打开新窗口”), QMessageBox::ActionRole); QPushButton *noButton = msg.addButton(tr(“是”),QMessageBox::ActionRole); msg.addButton(QMessageBox::No); msg.button(QMessageBox::No)->setHidden(true); msg.setDefaultButton(noButton); msg.exec(); 来源： CSDN 作者： nmxwz_s 链接： https://blog.csdn.net/nmxwz_s/article/details/104037549

[iOS UI进阶 - 5.0] 手势解锁Demo

阅读更多关于 [iOS UI进阶 - 5.0] 手势解锁Demo

A.需求 1.九宫格手势解锁 2.使用了绘图和手势事件 code source: https://github.com/hellovoidworld/GestureUnlockDemo B.实现使用按钮来处理每个圆点使用代码生成按钮取消按钮点击事件设置普通状态和选中状态的背景图片 CGRectContainsPoint，移动到按钮范围内改变按钮为选中状态按钮的连接：使用数组存储被选中的所有按钮，画上连线已经连线的按钮不需要再连线触摸结束清空连线和按钮选中状态移动中也要画出线，最后的点用来辅助画移动中的线解决bug：每次触摸开始重置当前画笔位置设置触摸触发选中的按钮内部范围使用tag记录按钮的选中顺序轨迹，触摸结束取得轨迹封装整个手势解锁view成为一个自定义控件封装按钮称为自定类 1.准备基础界面，使用一个UIView作为解锁画面 2.在控制器ViewController设置一下背景图片和状态栏 1 // 2 // ViewController.m 3 // HVWLockView 4 // 5 // Created by hellovoidworld on 15/1/12. 6 // Copyright (c) 2015年 hellovoidworld. All rights reserved. 7 // 8 9 #import

订阅按钮