标签: focus

禁用焦点上的橙色轮廓高光

我正在使用jQuery,jqTouch和phonegap编写应用程序,并且遇到了一个持久性问题,当用户使用软键盘上的Go按钮提交表单时会出现该问题.

虽然通过使用很容易使光标移动到适当的表单输入元素$('#input_element_id').focus(),但橙色轮廓突出显示总是返回到表单上的最后一个输入元素.(使用表单提交按钮提交表单时,不会显示突出显示.)

我需要的是找到一种完全禁用橙色突出显示的方法,或者让它移动到与光标相同的输入元素.

到目前为止,我已经尝试将以下内容添加到我的CSS中:

.class_id:focus {
    outline: none;
}
Run Code Online (Sandbox Code Playgroud)

这适用于Chrome,但不适用于模拟器或手机.我也尝试过编辑jqTouch theme.css来阅读:

ul li input[type="text"] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); and
    -webkit-focus-ring-color:  rgba(0, 0, 0, 0);
}
Run Code Online (Sandbox Code Playgroud)

没有效果.我还尝试了以下每个AndroidManifest.xml文件的添加:

android:imeOptions="actionNone"
android:imeOptions="actionSend|flagNoEnterAction"
android:imeOptions="actionGo|flagNoEnterAction"
Run Code Online (Sandbox Code Playgroud)

这些都没有任何影响.

更新:我已经做了一些更多的故障排除,迄今为止发现:

  1. outline属性仅适用于Chrome,不适用于Android浏览器.

  2. -webkit-tap-highlight-color酒店实际上可以在Android浏览器上运行,但不在Chrome上.它会在焦点和点击时禁用高亮显示.

  3. -webkit-focus-ring-color属性似乎不适用于任何一种浏览器.

android focus highlight outline

106
推荐指数
8
解决办法
9万
查看次数

将焦点设置在WPF中的文本框中

如何将焦点设置TextBox在WPF中的元素上

我有这个代码:

txtCompanyID.Focusable = true;
txtCompanyID.Focus();
Run Code Online (Sandbox Code Playgroud)

......但它不起作用.

任何的想法?

.net c# wpf textbox focus

97
推荐指数
7
解决办法
13万
查看次数

在页面加载时将焦点设置在HTML输入框上

我正在尝试在页面加载时将默认焦点设置在输入框上(例如:google).我的页面非常简单,但我无法弄清楚如何做到这一点.

这是我到目前为止所得到的:

<html>
<head>
 <title>Password Protected Page</title>

 <script type="text/javascript">
 function FocusOnInput()
 {
 document.getElementById("PasswordInput").focus();
 }
 </script>

 <style type="text/css" media="screen">
  body, html {height: 100%; padding: 0px; margin: 0px;}
  #outer {width: 100%; height: 100%; overflow: visible; padding: 0px; margin: 0px;}
  #middle {vertical-align: middle}
  #centered {width: 280px; margin-left: auto; margin-right: auto; text-align:center;}
 </style>
</head>
<body onload="FocusOnInput()">
 <table id="outer" cellpadding="0" cellspacing="0">
  <tr><td id="middle">
   <div id="centered">
  <form action="verify.php" method="post">
   <input type="password" name="PasswordInput"/>
  </form>
   </div>
  </td></tr>
 </table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

为什么这种方法不能正常工作呢?

<html>
<head>
<script type="text/javascript">
function FocusOnInput()
{ …
Run Code Online (Sandbox Code Playgroud)

html javascript focus onload autofocus

95
推荐指数
3
解决办法
19万
查看次数

在启动Activity时自动弹出键盘

我有一个相对简单的问题.我有一个包含很多EditText的活动.当我打开活动时,它会自动聚焦到第一个EditText并显示虚拟键盘.

我怎么能阻止这个?

keyboard android focus android-edittext

95
推荐指数
6
解决办法
10万
查看次数

使用jQuery设置鼠标焦点并将光标移动到输入的末尾

这个问题已经被问过几种不同的格式,但我无法得到任何在我的场景中工作的答案.

当用户点击向上/向下箭头时,我使用jQuery来实现命令历史记录.当点击向上箭头时,我用上一个命令替换输入值并将焦点设置在输入字段上,但希望光标始终位于输入字符串的末尾.

我的代码是这样的:

$(document).keydown(function(e) {
  var key   = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
  var input = self.shell.find('input.current:last');

  switch(key) {
    case 38: // up
      lastQuery = self.queries[self.historyCounter-1];
      self.historyCounter--;
      input.val(lastQuery).focus();
// and it continues on from there
Run Code Online (Sandbox Code Playgroud)

如何在焦点后强制光标放在"输入"的末尾?

javascript jquery focus cursor

92
推荐指数
10
解决办法
14万
查看次数

将焦点设置在xaml wpf中的文本框中

尽管在这个论坛和其他人的一些帖子,我找不到一些东西,告诉我如何把重点放在一个TextBox.

我有一个带有许多标签和textBoxes的userControl.加载表单时,我希望特定的textBox具有焦点.

我已经设置了tabIndex,但似乎没有用.

有什么建议?

wpf textbox focus

90
推荐指数
3
解决办法
8万
查看次数

如何在创建和显示布局时将焦点设置在视图上?

目前,我有一个包含a Button,a TextView和an 的布局EditText.当显示布局时,焦点将自动放在EditText,这将触发键盘显示在Android手机上.这不是我想要的.有什么方法可以在TextView显示布局时设置焦点或什么都没有?

java android focus

89
推荐指数
6
解决办法
15万
查看次数

EditText,清晰地关注外面的触摸

我的布局包含ListView,SurfaceViewEditText.当我点击EditText它时,它会获得焦点并弹出屏幕键盘.当我点击EditText它之外的某个地方时,它仍然有焦点(它不应该).我想我可以OnTouchListener在布局中设置其他视图并手动清除EditText焦点.但似乎过于hackish ......

我在其他布局中也有相同的情况 - 列表视图中包含不同类型的项目,其中一些项目EditText位于内部.他们的行为就像我上面写的那样.

EditText当用户触摸外面的东西时,任务就是失去焦点.

我在这里看到过类似的问题,但没有找到任何解决方案......

android focus android-edittext

88
推荐指数
8
解决办法
11万
查看次数

WPF:如何以编程方式从TextBox中删除焦点

我想在我的WPF中添加一个简单的(至少我认为是)行为TextBox.

当用户按Escape时,我希望TextBox他正在编辑以获得用户开始编辑时所具有的文本,并且我想从中移除焦点TextBox.

我没有任何问题为编辑开头的值设置文本.

问题是要删除元素的焦点.我不想把焦点转移到任何其他组件,我只是想TextBox失去焦点.我是否必须有一个不可见的元素来设置焦点,以便我TextBox可以失去焦点?

wpf textbox focus

87
推荐指数
7
解决办法
7万
查看次数

将EditText imeOptions设置为actionNext无效

我有一个相当复杂(不是真正的)xml布局文件.其中一个视图是v1带有两个子节点的LinearLayout():EditText(v2)和另一个LinearLayout(v3).子LinearLayout又有一个EditText(v4)和一个ImageView(v5).

对于EditText v2,我将imeOptions作为

android:imeOptions="actionNext"
Run Code Online (Sandbox Code Playgroud)

但是,当我运行应用程序时,键盘return不会检查next,我希望它更改为next.我该如何解决这个问题?

此外,当用户点击下一步时,我希望焦点转到EditText v4.我这样做吗?

对于那些真正需要查看代码的人:

<LinearLayout
        android:id="@+id/do_txt_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/col6"
        android:orientation="vertical"
        android:visibility="gone" >

        <EditText
            android:id="@+id/gm_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:background="@drawable/coldo_text"
            android:hint="@string/enter_title"
            android:maxLines="1"
            android:imeOptions="actionNext"
            android:padding="5dp"
            android:textColor="pigc7"
            android:textSize="ads2" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:orientation="horizontal" >

            <EditText
                android:id="@+id/rev_text"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_gravity="center_vertical"
                android:layout_margin="5dp"
                android:layout_weight="1"
                android:background="@drawable/coldo_text"
                android:hint="@string/enter_msg"
                android:maxLines="2"
                android:padding="5dp"
                android:textColor="pigc7"
                android:textSize="ads2" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_gravity="center_vertical"
                android:background="@drawable/colbtn_r”
                android:clickable="true"
                android:onClick=“clickAct”
                android:paddingLeft="5dp"
                android:paddingRight="5dp"
                android:src="@drawable/abcat” />
        </LinearLayout>
    </LinearLayout>
Run Code Online (Sandbox Code Playgroud)

android focus ime android-layout

85
推荐指数
12
解决办法
4万
查看次数