首页
学习
活动
专区
圈层
工具
发布

为什么「确定按钮」正在慢慢消失

不论做什么产品,界面上几乎都少不了「确定」按钮。例如:操作提示时、进行选择时、填写表单时……图片完成、保存、下单……各种代表“确定某一步骤”的按钮,都可以统称为确定按钮。...以前的产品设计,大量以来确定按钮,但是现在的产品设计,确定按钮用得越来越少了。倒不是因为不需要确定操作了,而是除了「确定按钮」之外,设计师们发现了更好的方式。...能自动「确定」就不需要按钮有一句话说:最好的交互就是没有交互同样,最好的「确定」按钮,其实是没有按钮。例如,手机锁屏时,输入密码后不需要确定按钮就可以直接验证进入。...如果按钮上写清楚「保存」两个字,也让人安心一些。如果是自动保存,也需要把相应反馈展示出来。图片只是结束流程而非操作可以用「完成」其实「完成」按钮大多可以用「确定」替代。...例如我现在打在所用的公众号编辑器,就有一个「保存并群发」的按钮:图片这样做挺好的,工具类产品效率最重要美观是其次。两个经常要连贯执行的操作,合为一个按钮能够减少没必要的点击。

84930

JS解决页面刷新导致按钮OnClientClick事件消失问题

另外如果点击此按钮将其置为不可用状态(this.disabled = true;), 再去调用其它服务器按钮事件,如下图: 图中的发送按钮点击成功后,暂时按钮不可用。...此时去操作其它服务器按钮,如上传图片。则可能会出现不可用按钮恢复可用状态时,点击后直接执行了服务器方法,即 OnClientClick 事件属性消失。...return sendReady();"; } 客户端事件捆绑,有效: sendbtn.setAttribute("onclick","return sendReady();"); 其它 本示例中如果将按钮置为不可用状态...Language="C#" AutoEventWireup="true" MaintainScrollPositionOnPostback="true" %> 当然如果不添加此选项,我们还可以通过模拟调用隐藏服务器按钮的方法

1.7K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    EasyCVR全屏后摄像头PTZ控制按钮消失,如何操作让其显示?

    可以进行视频直播,同时也支持对摄像头进行PTZ控制,EasyCVR的网页页面也会进行对应的PTZ控制显示,EasyCVR将该显示放在了播放界面右侧,如下: 但是在实际使用过程中,当我们进行全屏播放时,控制按钮会消失...首先我们要知道,进行视频ptz控制是通过接口的调用来完成的,页面的UI实现方式也是通过接口的调用来进行展示,而页面全屏播放的按钮是播放器自身实现的功能。...当我们点击全屏的时候,播放器全屏的优先级最高,会以最高层铺满整个屏幕,因此就会覆盖控制按钮的UI界面。...对于这样的问题,解决方法有两种: 一种是从播放器端来进行处理,在播放器的内部进行控制按钮的设计,通过播放器的UI来展示出控制的按钮; 另一种是在播放器的外层再加一层,来进行控制UI的页面。...优点在于不需要进行播放器源码的处理,只需要再播放器外围加一层控制按钮的代码即可。 两种方法都可以实现效果,深层代码的执行我们在本文不做讨论,如果大家有兴趣可以自行测试一下。

    1.8K20

    jQuery ajax - ajax()方法

    AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。 什么是 AJAX?...简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。 使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。...关于 jQuery 与 AJAX jQuery 提供多个与 AJAX 有关的方法。...提示:如果没有 jQuery,AJAX 编程还是有些难度的。 编写常规的 AJAX 代码并不容易,因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。...不过,jQuery 团队为我们解决了这个难题,我们只需要一行简单的代码,就可以实现 AJAX 功能。

    10.7K20

    ajax html例子,AJAX实例

    AJAX实例 实例一:一个简单的AJAX实例 创建一个简单的XMLHttpRequest,从一个TXT文件中返回数据 实例 function loadXMLDoc() { var xmlhttp;...==200) { document.getElementById(“myDiv”).innerHTML=xmlhttp.responseText; } } xmlhttp.open(“GET”,”ajax_info.txt...”,true); xmlhttp.send(); } 运行实例 » 点击 “运行实例” 按钮查看在线实例 效果图: 实例二:通过 XML HTTP 进行一次指定的 HEAD 请求 实例 function...xmlhttp.getResponseHeader(‘Last-Modified’); } } xmlhttp.open(“GET”,url,true); xmlhttp.send(); } 运行实例 » 点击 “运行实例” 按钮查看在线实例...txt=txt + “ “; } txt=txt + “ “; document.getElementById(‘copy’).innerHTML=txt; } 运行实例 » 点击 “运行实例” 按钮查看在线实例

    3.3K10

    AJAX学习(一)AJAX基础

    AJAX学习(一)AJAX基础 举一个栗子 AJAX请求的五个步骤 AJAX详解 Jquery中的ajax ajax常用的格式 ajax在网络应用开发上运用很广泛,它能够达到局部刷新的效果,也就是页面的某一个组件或功能上进行客户端和服务端的数据交互来实现数据的刷新...ajax的可以用的地方很多,因此是一个很重要的知识点。...所以在此写下有关于我对ajax的学习的感悟和应用的一些实例和大家分享,也希望自己对它能够更加了解 举一个栗子 用javaWeb实现ajax请求和回应的过程 ajax,这样可以不需要在多去考虑浏览器的兼容和不同的实现问题,而且可以很方便地调用jquery中ajax的方法 ajax常用的格式 $.ajax({...--失败调用的方法 -->          }  }); ##ajax请求本地json文件 <!

    2.1K40

    AJAX

    AJAX 一、AJAX 二、 XMLHttpRequest的概述 三、Ajax数据格式 四、JQuery中使用Ajax 五、Ajax使用Jackson 1. 代码 2....注解 一、AJAX Asynchronous(异步的,不等待的) JavaScript And XML,多个技术联合实现的前端技术产物。 在服务器端,Ajax是一门与语言无关的技术。...案例:自动补全、地图 ajax请求就是一个线程,主要解决页面的局部刷新问题。...不刷新整个页面就可与服务器通讯: Flash、Java applet、框架、隐藏的iframe、XMLHttpRequest(ajax) 缺点:后退功能不好实现、对流媒体支持没有Flash和Java...四、JQuery中使用Ajax JQuery对Ajax进行了封装,最底层方法.ajax(),第二层是load(),.get()和.post(),第三层是.getScript()和 //load方法,加载后的数据是

    4.7K30
    领券