精华内容
下载资源
问答
  • 项目中要求进入页面获取指定input焦点,找了好久才找到了。 上代码! var autoFocusInput= function(id) { var nativeWebview, imm, InputMethodManager; //初始化NativeObject if(mui.os.android) { var main = ...

    项目中要求进入页面获取指定input的焦点,找了好久才找到了。
    上代码!

    var autoFocusInput= function(id) {
    		var nativeWebview, imm, InputMethodManager;
    		//初始化NativeObject
    		if(mui.os.android) {
    			var main = plus.android.runtimeMainActivity();
    			var Context = plus.android.importClass("android.content.Context");
    			InputMethodManager = plus.android.importClass("android.view.inputmethod.InputMethodManager");
    			imm = main.getSystemService(Context.INPUT_METHOD_SERVICE);
    		} else {
    			nativeWebview = plus.webview.currentWebview().nativeInstanceObject();
    		}
    		//获取焦点并调用软键盘
    		var nativeWebview = plus.webview.currentWebview().nativeInstanceObject();
    		if(mui.os.android) {
    			//强制当前webview获得焦点
    			plus.android.importClass(nativeWebview);
    			//这步很关键,不写的话获取焦点就无效
    			nativeWebview.requestFocus();
    			//imm.toggleSoftInput(0, InputMethodManager.SHOW_FORCED);
    		} else {
    			nativeWebview.plusCallMethod({
    				"setKeyboardDisplayRequiresUserAction": false
    			});
    		}
    		setTimeout(function() {
    			var inputObj = document.getElementById(id);
    			inputObj.focus();
    			//获取当前焦点所在的view并隐藏软件盘
    			var view = main.getCurrentFocus();
    			imm.hideSoftInputFromWindow(view.getWindowToken(),InputMethodManager.HIDE_NOT_ALWAYS);
    		}, 200);
    
    }	
    
    调用:autoFocusInput("id");
    

    我是将放在plusReady函数里和show监听函数里,不要放在ready函数里面,会报错。为什么放在两个函数里面的,因为一个第一个是初始化,后面那个show监听是后面每次打开才会执行的;也可以在上个页面自定义个fire函数,然后将调用方法放在里面就行了,如果你们有更好的方法,欢迎评论!

    展开全文
  • 微信小程序input获取焦点

    万次阅读 2019-01-15 16:04:55
    在input里面设置focus <input type="text" focus="{{inputShowed}}"...左边的是input没有获取焦点...右边的是input获取焦点事件,默认有键盘弹出。 // 搜索框状态 inputShowed: ...

     

    在input里面设置focus

     <input type="text"   focus="{{inputShowed}}" />
    

    左边的是input没有获取焦点事件,也没有键盘弹出。

      // 搜索框状态
        inputShowed: false,
    

    右边的是input获取焦点事件,默认有键盘弹出。

     // 搜索框状态
        inputShowed: true,
    

    具体代码

    wxml

    <view class="weui-search-bar">
      <view class="weui-search-bar__form">
        <view class="weui-search-bar__box">
          <icon class="weui-icon-search_in-box" type="search" size="14"></icon>
          <input type="text" class="weui-search-bar__input" placeholder="沪A6789" maxlength='10' value="{{inputVal}}" focus="{{inputShowed}}" />
        </view>
      </view>
    </view>
    

    wxss:(引入了全局框架WeUI,可省略不写)

    /* 搜索 */
    .weui-search-bar__input{
      height: 72rpx;
    }
    .weui-icon-search_in-box{
      top:22rpx;
    }
    .weui-search-bar__cancel-btn{
      line-height:70rpx;
    }
    .weui-icon-clear{
      top:4rpx;
    }
    

    js:

    var app = getApp()
    Page({
      data: {
        // 搜索框状态
        inputShowed: false,
        // 搜索框值
        inputVal: "",
      },
      onLoad: function () {
      },
    
    });
    

    原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
    90后前端妹子,爱编程,爱运营,爱折腾。
    坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,可以加入qq群聊来问我:473819131.

    • 关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源300G干货大全。

     

    展开全文
  • vue给input获取焦点

    2019-09-20 13:50:24
    vue给input获取焦点通过vue的...通过vue的ref来给input获取焦点 HTML 部分 <input ref="loginName" placeholder="请输入账号" maxlength="20" type="text" v-model="logonForm.loginName"/> <button @clic...

    通过vue的ref来给input获取焦点

    HTML 部分

    <input ref="loginName" placeholder="请输入账号" maxlength="20" type="text" v-model="logonForm.loginName"/>
    
    <button  @click="next()">下一步</button>
    

    JS部分

    next(){
    self.$nextTick(function () {
          	self.$refs.loginName.focus()
        });
    }
    
    展开全文
  • 我们都知道在vue2中获取焦点为,然后调用focus方法 this.$nextTick(()=>{ this.$refs.XXX.focus() }) 现在我们的vue3怎么获取焦点,请看附件,已经正常使用。 请放心下载
  • uni-app input二次获取焦点 uni-app input获取焦点 给input绑定focus然后用js控制即可 <input :focus="focusState" /> // 物流码input获取焦点 next() { this.focusState = false; this.$nextTick(() =&...

    uni-app input二次获取焦点 uni-app input获取焦点

    给input绑定focus然后用js控制即可

    <input :focus="focusState" />
    
        // 物流码input获取焦点
        next() {
          this.focusState = false;
          this.$nextTick(() => {
            this.focusState = true;
          });
        },
    
    展开全文
  • 本来我是通过 v-if 来判断 input的显示和获取焦点的,input上写的固定的 :focus="true" 然后以为可以通过 v-if来渲染 input,每次重新渲染都 获取焦点。 小程序上是可以的。 但是app上不行,就改成了 通过v...
  • input获取焦点失去焦点变化

    千次阅读 2018-11-28 17:54:40
    input获取失去焦点 实现功能:input在获取焦点后添加边框,失去焦点后恢复原样。 .focus { border: 1px solid blue; } &lt;form action="#" method="POST" id="regForm"&...
  • vue默认input获取焦点

    千次阅读 2019-03-29 15:28:49
    vue默认input获取焦点 html: <input ref='gain' type="text" v-model="mesnum"/> js:必须有外层 this.$nextTick( () =>{ this.$refs.gain.focus() })
  • 解决动态添加input无法获取焦点事件

    千次阅读 2018-03-19 09:55:37
    --<input type="text" name="gameNum" id="gameNum" />--> <!--测试</button>--> <script src="js/jquery-2.2.1.min.js"></script>  function addInput(fn){  var html='<input type="text" name="gameNum" id=...
  • 主要介绍了解决input获取焦点时底部菜单被顶上来问题的方法,非常不错,具有参考借鉴价值,需要的的朋友参考下
  • iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案 兼容ios8 ios9 ios 10
  • input获取焦点不生效问题

    千次阅读 2020-05-11 20:03:06
    js控制input获取焦点: $('input').focus(); 无效: 写在延迟函数中问题解决: setTimeout(()=>{ $('input').focus(); }) 可能原因:浏览器对dom的操作是等待代码执行完毕后进行。
  • input 输入框 焦点事件

    千次阅读 2019-04-19 15:05:41
    以下内容实现输入框获取焦点,失去焦点事件。如图: 失去焦点: 获取焦点: 代码如下: 一、HTML代码 <div id="inputId"> <input type="text" name="search" id="search"/> <div class=...
  • $(document).ready(function(){... //获取焦点事件 $("input").focus(function(){ }); //失去焦点事件 $("input").blur(function(){ }); //实时搜索 $('input').bind('input porpertychange',function(){ co..
  • 关于input焦点事件

    2020-08-31 09:52:21
    关于input焦点事件 $(".scanf_integral").focus(function(){//获取焦点//获取焦点后触发的事件 }) $(".scanf_integral").blur(function(){ //失去焦点//失去焦点后触发的事件}; //实时获取值时 需在input上接上这...
  • Vue.directive('enterToNext',{ inserted:function(el){ ... let inputs = el.querySelectorAll('input'); console.log(inputs.length) //绑定回写事件 for( var i = 0 ;i < inputs.length ; i++ ){ in.
  • $("#ele").focus(function(){ document.activeElement.blur(); })
  • 移动端H5 页面 input 获取焦点不灵敏

    千次阅读 2019-06-14 12:19:51
    开发中遇到ios的浏览器中input控件获取焦点,需要一定的点击时长,...在div上添加点击事件,为input手动获取焦点。 vue代码为例 temp模板: <div @click="inputClicked" > <input ref="phoneInput" >...
  • js input获取焦点和失去焦点的操作

    千次阅读 2020-08-25 18:56:13
    获得焦点时改变文本框的...onfocus获取焦点 onblur 失去焦点 <input type="text" value="根据焦点操作"> <style> input { width: 400px; height: 40px; line-height: 40px; border: 1px solid #ddd;.
  • input标签获取焦点事件 2、onblur(常用) input失去焦点事件(触发条件:先获取焦点,再失去焦点触发) 3、onchange input失去焦点并且它的value值发生变化时触发 4、oninput input框输入过程中value值改变时实时...
  • 话不多说,先贴代码: 1、form表单代码 <el-form ref="loginForm" :model="loginForm" :rules=...el-input v-model="loginForm.username" placeholder="请输入管理员账号" name="username" type="text" auto-.
  • 关于input输入框fixed在窗口底部的时候,input获取焦点,弹出输入法,input会被输入法遮挡,导致输入内容不方便。 我们可以用scrollIntoView 与 scrollIntoViewIfNeeded来解决这个问题。scrollIntoView 与 ...
  • input获取焦点页面自动滚动

    千次阅读 2018-07-23 16:35:10
    /*监听input状态,屏幕滚动到input,上下居中 *在安卓手机上屏幕尺寸变化会产生resize事件。所以监听resize事件。 *然后定位到input框。 */ window.addEventListener('resize', function () { if(document....
  • html 获取input 获取和失去焦点事件

    千次阅读 2019-08-13 16:55:23
    $(document).ready(function(){ $("input").focus(function(){ //console.log("sssssssssssss") if(cardType==0){ var regIdNo = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; ...
  • 在项目中点击table表格中的行,使input获取焦点 element中table点击行的事件 @row-click="clickInput" methods: { clickInput(row, event, column) { if (column.label === '能力打分') { // 行中对应的...
  • input 获取焦点 蓝色边框 去掉 outline

    万次阅读 2018-07-20 09:54:18
    最近发生了一些前端小问题,会...去除input的边框 开始有以下方案 input{text-indent: 1em;} #search1{ } #search2{ border-width: 0; } #search3{ border:1px solid red; } #search4{ outline:medium;} ...
  • 博主之前在用vue的获取焦点,失去焦点的时候,出现了@blur和@focus无效的情况。当时百思不得其解。今天又在写vue页面的时候,突然@blur和@focus又好用了。emmmm,看来这部分值得一战。 二、首先是正宗的监听事件的...
  • <el-autocomplete @focus="autocompleteFocus" @click.native="autocompleteFocus...当时input输入框获取焦点的时候,进行弹窗提示. 使用@focus的时候 会重复触发陷入死循环 于是使用原生click事件 解决问题 ...
  • 挂起软键盘会导致页面高度增加  ios下 当input获取焦点时 获取当前窗口的高度 让当前页面的高度等于窗口高度 具体问题具体分析

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 60,072
精华内容 24,028
关键字:

input获取焦点事件