按钮 | 易学教程

js-实现点击按钮直接打印

阅读更多关于 js-实现点击按钮直接打印

很多网站都有此功能，点击按钮直接打印；最近做项目有个这样的需求，所以就研究了一下，具体代码如下： <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>指定被打印的内容</title> <script language="javascript"> function print_fn(printname) { var newshtml = printname.innerHTML; var oldshtml = document.body.innerHTML; document.body.innerHTML =newshtml; window.print(); document.body.innerHTML=oldshtml; return false; } window.onload=function() { var button=document.getElementById("button"); var print=document.getElementById("print"); button.onclick=function() { print_fn(print); } } </script> </head> <body> <div id="print"> <h1>这是要被打印的内容</h1> <

前端学习(四)-轮播图案例

阅读更多关于前端学习(四)-轮播图案例

文章目录前言导入jQuery函数库轮播图需求分析实现 css html 开发流程 html框架开发样式开发动态页面生成总结前言上篇文章：前端学习(三)-jQuery函数库上篇文章简单的介绍了下jQuery函数库的功能，本篇文章将上篇学到的内容应用到实际的开发当中，通过轮播图案例来熟悉jQuery。导入jQuery函数库有两种方法获取jQuery函数库，可以将jQuery下载到本地再通过script导入，或者在网络允许的情况下直接使用url导入。 jQuery常用下载地址：http://www.jq22.com/jquery-info122 /*两种使用其中一种即可，第一种是通过url跨域引入包，第二种是下载到本地后引入本地包*/ < script src = " https://code.jquery.com/jquery-3.4.1.min.js " > </ script > < script src = " jquery/jquery.min.js " > </ script > 轮播图需求分析一个轮播图的窗口，实现图片的自动轮播。当鼠标进入轮播图窗口时，自动轮播停止，鼠标移除后恢复。可以通过左右按钮控制图片播放。窗口下方有悬浮条提示图片轮播到第几张，同时可以通过点击小球切换图片。实现首先预先下载好jquery.js包和五张图片

如何禁用Android按钮？

阅读更多关于如何禁用Android按钮？

我创建了一个包含两个按钮的布局，Next和Previous。在按钮之间，我正在生成一些动态视图。因此，当我第一次启动应用程序时，我想禁用“上一页”按钮，因为之前没有任何视图。我还想在没有更多要显示的视图时禁用“下一步”按钮。无论如何禁用按钮？ #1楼您只需在活动中编写一行代码即可 Button btn = (Button) findViewById(R.id.button1); btn.setEnabled(false); 当你想启用相同的按钮时才写 Button btn = (Button) findViewById(R.id.button1); btn.setEnabled(true); #2楼就我而言， myButton.setEnabled(false); myButton.setEnabled(true); 工作正常，它正在启用和禁用按钮。但是一旦按钮状态被禁用，它就不会再次返回到启用状态，尽管它是可点击的。我尝试了无效和刷新可绘制状态，但没有运气。 myButton.invalidate(); myButton.refreshDrawableState(); 如果您或任何有类似问题的人，对我有用的是再次设置背景可绘制。适用于任何API级别。 myButton.setEnabled(true); myButton

系统思考：智猪博弈（结构影响行为）

阅读更多关于系统思考：智猪博弈（结构影响行为）

猪圈中有一大一小两只猪。猪圈的一头是食槽，另一头是按钮，相隔很远，按下按钮的猪不可能先到达食槽。按一次钮会有10个单位的食物掉进食槽，每按一次钮需要花费2个单位的成本。如果大猪先到达食槽，它能吃到9个单位的食物，小猪吃到1个单位的食物；如果同时到达，大猪能吃7个单位食物，小猪吃到3个单位食物；如果小猪先到达，大猪能吃6个单位食物，小猪能吃4个单位食物。请问，大猪该不该按钮？小猪该不该按钮？我们来看看，当大猪和小猪都去按钮的时候，扣掉按钮的成本，大猪能吃5小猪能吃1个单位食物；当大猪按钮，小猪不按的时候，他们都能吃4个单位食物；当大猪不按小猪按钮的时候，大猪能吃9个单位食物而小猪是负1；当大猪小猪都不按的时候，大家都没东西吃。我们会发现，D选项是如果大家都不按，会一起饿死；C选项小猪亏本了所以它不会去做这件事的；剩下就是A和B选项，大猪无论如何都得按，而小猪不按的时候利益最大，所以，在这个结构里，一定会被选择的选项是B。当两方势力在博弈的过程中，为了各自的利益一定会互相拉扯，直到最后出现了一个谁也不愿意再动了的稳定局面，在这个局面中，双方的利益都不会更糟了，所以双方都不会再改变。这就是我们在系统思考经常提到的“结构”。在这个局面中，不管局中人换成了谁，结果都是一样的。警察审犯人的时候，就会用一个囚徒困境的结构。比如抓了两个共同犯案的小偷阿呆和阿瓜，这俩小偷平时感情一般

APICloud开发者进阶之路 | qiniuLive模块解决拉流端模糊问题

阅读更多关于 APICloud开发者进阶之路 | qiniuLive模块解决拉流端模糊问题

qiniuLive模块推流成功后拉流端湖可能会出现画面模糊等问题。这说明你的配置不是最佳的。分享一个比较清晰流畅的案例在 Android 端推流与拉流的开始都需要在监听里执行监听状态码文档连接： https://docs.apicloud.com/Client-API/Open-SDK/qiniuLive 注意：测试时或运行时打开推流关闭后要销毁，自定义loader调试重启页面也要先销毁一下再测试，否则内存溢出会闪退。推流端代码的实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /> <title>title</title> <link rel="stylesheet" type="text/css" href="../css/api.css" /> <style> body {} footer{ width: 100%; padding: 30px; position: absolute; bottom: 0px; text-align: center; }

Vue之@click、事件修饰符@click.stop与@click.prevent、按键修饰符@keyup.enter

阅读更多关于 Vue之@click、事件修饰符@click.stop与@click.prevent、按键修饰符@keyup.enter

1、绑定监听@click: （以监听click为例，其他如keyup，用法类似） v-on:click="fun" @click="fun" @click="fun(参数)" <button @click="test1">test1</button> <button @click="test2('abc')">test2</button> <button @click="test3('abcd', $event)">test3</button> methods: { test1(eve) {//test1函数没有参数，默认传递 $event alert(eve.target.innerHTML) //test1 }, test2 (msg) { //test1函数有参数，传递该参数 alert(msg) // abc }, test3 (msg, event) { //有参数，如果想获取到enevt，则函数中需要写 $event alert(msg+'---'+event.target.textContent) // abcd---test3 } } 2、@click.stop与@click.prevent @click.stop 阻止事件冒泡 <div id="app"> <div v-on:click="dodo"> <button v-on:click="doThis"

Android activity跳转方式

阅读更多关于 Android activity跳转方式

方法一：通过SetContentView切换Layout来实现界面的切换，这种方法相当于重绘Activity. protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Button btnInsert = (Button) this.findViewById(R.id.btnInsert); //获取btn btnInsert.setOnClickListener(new View.OnClickListener() { //添加监听器 @Override public void onClick(View v) { setContentView(R.layout.activity_insert); //跳转 } }); } 方法二：在一个程序中使用Intent对象来指定一个Activity，并通过startActivity方法启动这个Activity. protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout

jquery学习

阅读更多关于 jquery学习

title: jquery学习 date: 2019-10-30 原本在个人博客上写了一些博文，现转移到CSDN上 jquery学习最近手头上在做关于创建要素的一些工作，前台部分涉及多个div的输入区域，每个区域又包含多个input。类似这种其中涉及到js的各种操作，需要利用jquery来实现多种效果，记录如下：获取网页要素在js操作中，需要获取网页中某个div的value，对value中的某些属性进行一些操作。本例中，我所用的是jquery绑定按钮的id，获取当前的源div的value，并通过源div取数组来获取自己想要的div要素。 $(document).on('click','#addmodel',function ($event) { var e = $event.originalEvent.path[4];//获取当前div的源div，取得modelarr的div的class值 console.log(e.className); } 其中关键就是加上$event获取event值，来取得需要的要素value 使新增的button有效在点击add之后，会新增一个条目，条目中有button，但是点击这个新增的button出现了无法触发click事件的情况。原代码： $("#add").click(function () {} 利用这种方式

【基础】layui form 的 verify 能做哪些功能

阅读更多关于【基础】layui form 的 verify 能做哪些功能

我们看一下官方的文档可以知道它可以识别 title、required(必填属性)、手机、邮箱、数字、日期、链接、身份证、密码 <form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-form-label">单行输入框</label> <div class="layui-input-block"> <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">验证必填项</label> <div class="layui-input-block"> <input type="text" name="username" lay-verify="required" lay-reqtext="用户名是必填项，岂能为空？" placeholder="请输入" autocomplete="off" class="layui-input"> </div> </div>

小程序——button

阅读更多关于小程序——button

button <button open-type="getUserInfo" bindgetuserinfo="onGetUserInfo" class="userinfo-avatar" style="background-image: url({{avatarUrl}})" size="default" ></button> 按钮（有点类似于navigator）属性类型默认值必填说明 size string default 否按钮的大小 type string default 否按钮的样式类型 plain boolean false 否按钮是否镂空，背景色透明，更加美观非镂空：镂空： disabled boolean false 否是否禁用禁用后文字将变成灰色 loading boolean false 否名称前是否带 loading 图标 form-type string 否用于 form 组件，点击分别会触发 form 组件的 submit/reset 事件？？？ open-type string 否微信开放能力 hover-class string button-hover 否指定按钮按下去的样式类。当 hover-class="none" 时，没有点击态效果 hover-stop-propagation boolean false 否

订阅按钮