html 如何在页面点击某按钮时弹出一个对话框，要求输入密码，正确后方能进行其他操作？

Posted 2023-04-27

其中btnid为按钮的ID
psd为用户的密码（用户以前的密码)

document.getElementById(btnid).onclick = function()
var password=prompt("请输入您的密码","********");

if(password!=null &&password == psd)
alert('输入成功！');

;追问

能在说的详细点吗？

参考技术A 赞同一楼的 参考技术B 赞同一楼的。。。

在EditText中，单击特定文本子集时弹出对话框

找到两个解决方案 - 请参阅选定的答案

当用户点击EditText的某个区域时，我想弹出一个对话框。我使用onClick来捕获点击。这部分工作：用户第一次点击EditText时，弹出软键盘而对话框不弹出。随后的点击会弹出键盘，然后是对话框（键盘会消失）。

我怀疑这与EditText获得关注有关。

这是一个代码片段：

public class PrefixEditText extends EditText implements TextWatcher, OnClickListener
{
  public PrefixEditText (Context context)
  {
    super (context);
    setOnClickListener (this);
  }

  @Override
  public void onClick(View v)
  {
    int selStart = getSelectionStart();
    if (selStart < some_particular_pos)
      bring_up_dialog();
  }
}

重要说明：我不想完全禁用正常的EditText行为。我希望用户能够进行区域选择（用于复制和粘贴）。我可能仍然希望它获得焦点（因此当具有物理键盘的人使用该应用程序时，我不打破模型）。点击可以设置光标位置。因此，覆盖onTouch并阻止EditText中所有onTouch操作的解决方案对我来说不起作用。

更新我发现了一点。如果EditText正在获得焦点，则会调用onFocusChange而onClick不会。如果它已经有焦点，则onClick被调用而onFocusChange没有。

其次，可以通过调用隐藏键盘

setInputType (InputType.TYPE_NULL);

在onFocusChange中这样做 - 键盘永远不会出现。在onClick中这样做（假设键盘在点击之前被隐藏）显然为时已晚 - 键盘显示然后消失。

下一个尝试的想法是在onTouch期间隐藏键盘。但是，我害怕搞乱那些代码 - 似乎无论我想出什么都会对EditText的未来版本非常脆弱。

有什么想法吗？

答案

可能这可行

 EditText e = new EditText(context);
    e.setOnFocusChangeListener(new OnFocusChangeListener() {

        public void onFocusChange(View v, boolean hasFocus) {
            // TODO Auto-generated method stub
        if(hasFocus)
        {
            //dialogue popup
        }
        }
    });

或者你可以使用e.hasFocus();然后使用e.setFocusable(false);使它不重点

///////////////我的密码

e.setInputType(InputType.TYPE_NULL);

e.setOnClickListener(new OnClickListener() {

    public void onClick(View v) {
        // TODO Auto-generated method stub
        AlertDialog.Builder sa = new Builder(ctx);
        sa.create().setOnDismissListener(new OnDismissListener() {

            public void onDismiss(DialogInterface dialog) {
                // TODO Auto-generated method stub
                e.setInputType(InputType.TYPE_CLASS_TEXT);
            }
        });
        sa.show();
    }
});

另一答案

尝试通过onClick更改捕获点击到onTouch

    this.editText.setOnTouchListener(new OnTouchListener() {

        @Override
        public boolean onTouch(View v, MotionEvent event) {
            if (event.getAction() == MotionEvent.ACTION_DOWN) {
                                //dialogue popup
            }
            return false;
        }
    });

另一答案

尝试这个，如果它可以帮助你。第一次编辑文本将表现为一个普通的编辑文本，条件你可以根据需要显示对话框

 EditText editText;
mTim_edittext.setOnFocusChangeListener(new OnFocusChangeListener() {

      public void onFocusChange(View v, boolean hasFocus) {

     if(!hasFocus){

    //statement


 if(condition){

AlertDialog diaBox = Utils.showErrorDialogBox(  "Term in Months Cannot be 0", context);                             
diaBox.show();
              }


            }
        }
    });

另一答案

经过大量实验，这里有两个有效的解决方案！我在两台设备上测试了它们 - 运行4.2.1的Nexus 7，运行4.0.4的Kyocera C5170。我的偏好是解决方案2。

解决方案1

首先，诀窍是在EditText有机会完成工作之前确定onTouch中的光标位置而不是onClick，特别是在它弹出键盘之前。

另外一条评论：请确保在清单中为弹出窗口设置android：windowSoftInputMode =“stateHidden”，否则您将获得键盘以及弹出窗口。

这是整个代码：

public class ClickText extends EditText implements OnTouchListener
{
  public ClickText (Context context, AttributeSet attrs)
  {
    super (context, attrs);
    setOnTouchListener (this);
  }

  @Override
  public boolean onTouch (View v, MotionEvent event)
  {
    if (event.getActionMasked() == MotionEvent.ACTION_DOWN)
    {
      int line = getLayout().getLineForVertical ((int)event.getY());
      int onTouchCursorPos = getLayout().getOffsetForHorizontal (line, event.getX());
      if (onTouchCursorPos < 10) // or whatever condition
        showPopup (this); // or whatever you want to do
    }
    return false;
  }

  private void showPopup (final EditText text)
  {
    Intent intent = new Intent (getContext(), Popup.class);
    ((Activity)getContext()).startActivity (intent);
  }
}

解决方案2

这个实际上更简单，我认为更好 - 副作用更少。

这里的诀窍是让EditText完成所有的点击处理，然后异步覆盖它。要点是：等待触摸“放手” - MotionEvent.ACTION_UP - 然后不要立即执行操作，将Runnable发布到事件队列并在那里执行操作。

整个代码：

public class ClickText extends EditText implements OnTouchListener
{
  public ClickText (Context context, AttributeSet attrs)
  {
    super (context, attrs);
    setOnTouchListener (this);
  }

  @Override
  public boolean onTouch (View v, MotionEvent event)
  {
    switch (event.getActionMasked())
    {
      case MotionEvent.ACTION_UP:
      {
        post (new Runnable ()
        {
          // Do this asynch so that EditText can finish setting the selectino.
          @Override
          public void run()
          {
            int selStart = getSelectionStart();
            int selEnd = getSelectionEnd();

            // If selStart is different than selEnd, user has highlighed an area of
            // text; I chose to ignore the click when this happens.
            if (selStart == selEnd)
              if (selStart >= 0 && selStart < 10) // or whatever range you want
                showPopup (this);
          }            
        });

        break;
      }
    }

    return false;
  }

  private void showPopup (final EditText text)
  {
    Intent intent = new Intent (getContext(), Popup.class);
    ((Activity)getContext()).startActivity (intent);
  }
}

另一答案

使用下面的代码片段

this.editText.setOnTouchListener(new OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            if (event.getAction() == MotionEvent.ACTION_DOWN) {
                                //dialogue popup
            }
            return false;
        }
    });