精华内容
下载资源
问答
  • vux中x-input在安卓手机输入框删除按钮(@on-click-clear-icon)点击没反应 首先看你自己的的版本好,如果在2.6.9以上,我是在git上找到的解决办法,记录一下,希望可以帮到有需要的小伙伴。 在项目中找 node_...

    vux中x-input在安卓手机输入框的删除按钮(@on-click-clear-icon)点击没反应

    首先看你自己的的版本好,如果在2.6.9以上,我是在git上找到的解决办法,记录一下,希望可以帮到有需要的小伙伴。

    在项目中找 node_modules > vux > x-input > index.vue >找到下面Code 代码进行修改即可

    在x-input.vue
    onBlur ($event) {
          this.setTouched()
          this.validate()
          // this.isFocus = false
          this.$emit('on-blur', this.currentValue, $event)
        }
    改为
    onBlur ($event) {
          setTimeout(() => {
            this.setTouched()
            this.validate()
            this.isFocus = false
            this.$emit('on-blur', this.currentValue, $event)
          }, 0)
        }
    
    focus () {
            this.$refs.input.focus()
        }
    改为
    focus () {
          setTimeout(() => {
            this.$refs.input.focus()
          }, 0)
        }
    
    展开全文
  • 首先看你自己的的版本好,如果在2.6.9以上,我是在git上找到的解决办法,记录一下,希望可以帮到有需要的小伙伴。 在项目中找 node_modules > vux > x-input > index.vue >找到下面Code 代码进行修改...

    首先看你自己的的版本好,如果在2.6.9以上,我是在git上找到的解决办法,记录一下,希望可以帮到有需要的小伙伴。

    在项目中找 node_modules > vux > x-input > index.vue >找到下面Code 代码进行修改即可

    VUX version

    2.9.4

    OS/Browsers version

    安卓手机

    Vue version

    2.6.10

    Code

    在x-input.vue
    onBlur ($event) {
          this.setTouched()
          this.validate()
          // this.isFocus = false
          this.$emit('on-blur', this.currentValue, $event)
        }
    改为
    onBlur ($event) {
          setTimeout(() => {
            this.setTouched()
            this.validate()
            this.isFocus = false
            this.$emit('on-blur', this.currentValue, $event)
          }, 0)
        }
    
    focus () {
            this.$refs.input.focus()
        }
    改为
    focus () {
          setTimeout(() => {
            this.$refs.input.focus()
          }, 0)
        }
    就能解决

    Steps to reproduce

    在安卓手机微信操作输入框,点击清空图标

    What is Expected?

    正常使用

    What is actually happening?

    点击清空没反应

     

    转载于:https://www.cnblogs.com/cqy1125/p/11316095.html

    展开全文
  •   我要制作的效果是输入框自适应高度增加减少,当输入大于三行之后保持输入框三行高度,类似QQ聊天的输入框那样,要是没懂就打开手机,进入QQ输入试试。 使用textarea多行输入文本框 html及css代码,css可自行...


      最近在使用html技术制作移动端app界面,碰到了输入框的问题,经过网上搜索的方法只实现一部分的效果,灵机一动想到了解决问题的办法,记录一下,让有需要的同学少走弯路。

      我要制作的效果是输入框自适应高度增加减少,当输入大于三行之后保持输入框三行高度,类似QQ聊天的输入框那样,要是没懂就打开手机,进入QQ输入试试。


    使用textarea多行输入文本框

    html及css代码,css可自行修改

    <textarea id="message_input" 
    		οninput="inputAutoHeight(this);"></textarea>
    
    
    #message_input{
    	width: 96%;
    	height: 20px;
    	overflow-y:auto;
    	font-family:none;  /*  字体设置为默认字体  */
    	margin-left: 2%;
    	margin-top: 4px;
    	margin-bottom: 4px;
    	border: 0px;
    	outline: none;
    	background: transparent;  /*  输入框背景跟随父级  */
    	resize:none;    /*  右下角图标去除  */
    }
    

    监听 textarea 的 oninput 事件来自适应高度


    js代码部分

    function inputAutoHeight(inputElement){
    
     	if( parseInt(inputElement.scrollHeight) < 63) {
    
    		inputElement.style.height = '';
    
    		inputElement.style.height = inputElement.scrollHeight+'px';
    
     	}
     	else{
    		
    		inputElement.style.height = '62px';
    
     	}
    
    }
    


    js代码解析(不求甚解的同学可以回头了)

      这里有几个点需要注意,首先是 63 这个数值是刚好 textarea 输入框三行的高度,这个需要看个人对字体大小的设置以及需求。

    inputElement.style.height = '';
    
    inputElement.style.height = inputElement.scrollHeight+'px';
    

      再是 if 内的代码块,第一句代码的是删除文字高度自适应的重要代码,第二句是高度自适应的核心代码,动态将 textarea 的高度设置成滚动框的滚动高度。原理是当高度固定了之后, textarea 输入框的scrollHeight高度会等于当前的高度,所以导致了输入框的高度只能增加而不能降低,通过第一句代码将高度设置为空之后,scrollHeight的高度变成了当前滚动框的高度,可以理解为当前编辑的文本高度,再由第二句代码将高度设置为滚动高度,就可实现自适应的问题。
      还有一个是高度的问题要提一下,即 if 代码块中的第二句赋值需在后面拼接一个 “px” 文本才能生效。

    inputElement.style.height = '62px';
    

      最后是 else 代码块的这一行,为什么要等于 62px 呢?这跟我需要的功能有关系,我所实现的功能是显示三行文本,多余三行文本时输入框要保持三行的高度,不再增加高度,防止用户输入过多遮挡整个屏幕,降低用户体验。
      看的仔细的高手可能就会问了,不写这一行,当scrollHeight的高度大于 63px (也就是三行高度的时候),不就不再增加高度了吗(因为输入框的高度是在 if 内赋值)?
      没错,大于三行之后是不再增加了,可我要是删除文字呢?因为当高度固定了之后, textarea 输入框的scrollHeight高度会等于当前的高度,所以会导致height的高度始终固定在三行而无法进入 if 语句块动态赋值高度。
      那我要是把这个高度设为空的话不行吗?还可以跟 if 语句块的赋空值合并,减少代码量,增加代码简洁度,何乐而不为?
      你以为我没干过吗?当大于三行之后界面就翻车了,那为什么选 62px ?当然是为了视觉效果和三行差不多啦。其实只要比接近三行的高度略小一点就可以,一点点就够了,这样就能够保证视觉效果上和三行没有区别。


    后记(都看到这里了,不点个赞分享给朋友吗?)

      除了 textarea 多行文本框可以用作这种效果之外,div 框也能够用以模拟这种多行输入
    html代码

    <div contenteditable="true" 
    		id="message_input" 
    		οninput="inputAutoHeight(this);"></div>
    

    经过测试也是效果也是一样的,但是在手机上粘贴消息这类的功能支不支持我就不知道了。

    展开全文
  • 设计一个可以接收影片网址的EditText 输入框, 将该网址的影片下载至手机的SD卡上,以暂存的文件夹名称命名, 当单击播放时,之前的影片被停止,根据网址新下载下来的影片,最后SD卡上可能存了一堆缓存的影片文件,...

    本博客先介绍android 手机下载 3gp

    本程序设定的逻辑是: 设计一个可以接收影片网址的EditText 输入框, 将该网址的影片下载至手机的SD卡上,以暂存的文件夹名称命名, 当单击播放时,之前的影片被停止,根据网址新下载下来的影片,最后SD卡上可能存了一堆缓存的影片文件,因此当退出程序时,需要记录回收删除哪些  "临时文件"。

    注意这里播放按钮的事件处理是:  正在播放中的影片,按播放时不回放、不停止,判断输入的网址与正在播放的网址不同时,要停止正在播放中的影片,并启动线程下载新影片,

    逻辑设计是一旦影片下载完成,便进入MediaPlayer.perpare() 与MediaPlayer.start()  。

    在setDataSource 方法里,使用了File.createTempFile 方法创建下载的临时文件,因此每一次下载的影片临时文件的文件名都是不重复的,这里将下载文件所创建的临时文件的路径存入fileDownloaded_List 列表中

     

    具体代码请参见 EX08_15 工程

    下面介绍通过网络 播放mp3:  关于Runnable 存储FileOutputStream 技巧

    程序运行原理是通过Runnable 发起线程,在线程中下载远程网站的mp3文件,通过网络传输(URLConnection) 的方式进行下载. 当下载完毕后,线程继续进行MediaPlayer.prepare()  与 MediaPlayer.start() 来播放音乐; 而当离开或关闭程序的同时,删除刚才下载的临时文件。

     注意以下代码: 

          /* 捕捉使用 MediaPlayer 缓冲区的更新事件  */
          mMediaPlayer01.setOnBufferingUpdateListener(new MediaPlayer.OnBufferingUpdateListener() {
            @Override 
            public void onBufferingUpdate(MediaPlayer mp, int percent) {
              Log.i(TAG, "Update buffer: " + Integer.toString(percent)+ "%");
            }
          });

    在程序中,setOnBufferingUpdateListener  接口并没有将加载百分比输出至LogCat ,意味着以 下载(Downloading) 的方式 所取得的File 流方法, 并不会让 MediaPlayer 以流的方式来播放,  而是与一般存储在本地磁盘的播放方式一样.


    要实现下载mp3 至 SD卡,可以通过 VideoView 传入URI 对象的方法,通过MediaPlayer 的setDataSource() 让远程的mp3  进行缓冲流的播放.也就是不是直接把 URL 字符串传入,而是通过以下方式:

    MediaPlayer  mp =  new MediaPlayer();

    mp.setDataSource(

       Ex08_08.this,Uri.parse("http://www.dubblogs.cc:8751/Android/Test/Media/mp3/test.mp3");

    )

    try{

      mp.prepare();

    }catch(Exception ex){  }

    mp.start();


    具体代码请参见 EX08_08  工程


    展开全文
  • 手机 pdf 阅读器

    2009-02-12 23:00:29
    删除图片浏览中的部分功能,由于这部分功能需要较大的内存,导致在大部分手机上无法完成,同时也引起背景图片无法设置成功 触摸屏用户可以不再受滚动条限制,在屏幕上任意地方都可以进行拖动 选择键盘映射为其它时...
  • 停车场管理系统.zip

    2021-04-19 16:37:26
    删除了车主界面的新建按钮(没写功能)和停车记录、交易记录页面的删除按钮(防止外键出错) 修改了登录页和菜单的图标 设置强制设置指定的主题,删除主题按钮 删除了一些搜索框 20200616 管理端 在车主管理界面新增...
  • ⑤ 在记事本界面力求简约,最多支持每日记录四个事件,右上角的删除按钮可以直接删除该日日程; ⑥ 使用自定义的EditText,使得客户可以通过点击输入框最右边的黑叉叉删除整段文字; ⑦ 使用了自定义的光标样式...
  • 主页面中不再有该日志信息,实时删除,实时显示。 7.点击修改密码按钮,转入到修改密码activity中,修改密码界面主要有两个输入框,包括输入旧密码,输入新密码,当输入的旧密码不对,会显示修改失败并提示修改旧...
  • 对某个项右滑可以删除(在一定时间内可撤销)。 设置界面: 在账本右滑打开抽屉菜单,点击设置即可进入。 点击头像或者第一个卡片(CardView)都可以进行注册、登录或者是登出。这会在注册介绍中详细介绍。 如果...
  • 1. 修正了当修改记录时信息输入框的高度显示不统一的问题。 2. 修正了当删除记录时提示框中的文字换行显示异常的问题。 [改进] 1. 重写了界面适配部分的程序逻辑,从而在更多屏幕分辨率和屏幕密度不同的终端上正确...
  •  11.1 HTML5 INPUT输入框控制手机输入键盘  11.2 HTML5利用CSS3排版的墙贴相册  11.3 HTML5网页离线数据库  11.4 可拨打电话的HTML连接  11.5 HTML5取回所在经纬度坐标并反查地址  附录A 如何发布程序到...
  • 11.1 html5 input输入框控制手机输入键盘 788 11.2 html5利用css3排版的墙贴相册 789 11.3 html5网页离线数据库 793 11.4 可拨打电话的html连接 797 11.5 html5取回所在经纬度坐标并反查地址 800 ...
  • 11.1 HTML5 INPUT输入框控制手机输入键盘 11.2 HTML5利用CSS3排版的墙贴相册 11.3 HTML5网页离线数据库 11.4 可拨打电话的HTML连接 11.5 HTML5取回所在经纬度坐标并反查地址 附录A 如何发布程序到Android Market A.1...
  • 11.1 HTML5 INPUT输入框控制手机输入键盘 11.2 HTML5利用CSS3排版的墙贴相册 11.3 HTML5网页离线数据库 11.4 可拨打电话的HTML连接 11.5 HTML5取回所在经纬度坐标并反查地址 附录A 如何发布程序到Android Market A.1...
  • 11.1 HTML5 INPUT输入框控制手机输入键盘 11.2 HTML5利用CSS3排版的墙贴相册 11.3 HTML5网页离线数据库 11.4 可拨打电话的HTML连接 11.5 HTML5取回所在经纬度坐标并反查地址 附录A 如何发布程序到Android Market A.1...
  • 11.1 HTML5 INPUT输入框控制手机输入键盘 11.2 HTML5利用CSS3排版的墙贴相册 11.3 HTML5网页离线数据库 11.4 可拨打电话的HTML连接 11.5 HTML5取回所在经纬度坐标并反查地址 附录A 如何发布程序到Android Market A.1...
  • 11.1 HTML5 INPUT输入框控制手机输入键盘 11.2 HTML5利用CSS3排版的墙贴相册 11.3 HTML5网页离线数据库 11.4 可拨打电话的HTML连接 11.5 HTML5取回所在经纬度坐标并反查地址 附录A 如何发布程序到Android Market A.1...
  • 7.3 删除手机中的文件 303 7.4 访问apk包中的文件 307 7.5 简单的学生信息管理——数据库中的增、删、改、查 310 7.6 查看手机中的相片——decodefile()方法的使用 317 7.7 contentresolver对数据库的操作 ...
  • 新增模板可创建自定义字段配置目前支持,附件上传 单选框 选择框 输入框 文本域 密码框 附件 颜色 时间 多选等 新增内容可查看对应的分类 新增模型独立分类 创建字段及删除字段 新增会员主页显示投稿的模型数据 新...
  • 超实用的jQuery代码段

    2019-03-04 10:20:41
    8.4 使用AJAX刷新删除网页记录 8.5 使用AJAX异步验证用户名和密码 8.6 页面滚动时加载新的网页内容 8.7 打造自己的站内搜索引擎 8.8 异步加载并解析XML文件 8.9 动态加载HTML内容到标签页中 8.10 使用AJAX刷新异步...
  • 2020-03-19 表情,聊天记录,群聊创建输入框,登录页,弹窗等等页面适配黑暗模式。 2020-03-17 黑夜模式。 2020-02-25 兼容微信2.4.0,修复小程序不能打开BUG,并兼容微信多开。 2019-12-27 退群提醒。 2019-12-23 ...
  • 交警电子笔录 1.61

    2011-11-17 12:53:17
     49、“链接”菜单下加入全国各省市区交警总队链接(如果链接失效,请通过手机短信告知),“帮助”菜单加入在线更新功能;  50、解决当“笔录内容窗口”中的内容即将达到满页,这时输入文字时可视性不佳的问题。...
  • 参加竞价:点击添加竞价后右面窗口中出现一个输入框,要求输入需要竞价的项目,输入后自动匹配当前所有的该关键调信息,并显示当前最高出价记录,点击出价,即可以高于此时的价格自动出价(此功能只限于VIP收费会员...
  • 用例删除:逻辑删除,可在数据库对应表中恢复。 用例执行:执行单条用例。可查看对应执行记录、截图、或重跑用例。 4.用例集管理: 用例集(test suite)对应一个测试范围,可关联多个不同的用例。 执行用例集时...
  • 删除指定时间范围内的数据,支持自动清理早期数据,设置最大保存记录数。 支持报警短信转发,支持多个接收手机号码,可设定发送间隔,比如即时发送或者6个小时发送一次所有的报警信息,短信内容过长,自动拆分多条...

空空如也

空空如也

1 2 3 4
收藏数 64
精华内容 25
关键字:

手机输入框记录删除