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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 如何在页面点击某按钮时弹出一个对话框,要求输入密码,正确后方能进行其他操作?相关的知识,希望对你有一定的参考价值。

其中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;
        }
    });

以上是关于html 如何在页面点击某按钮时弹出一个对话框,要求输入密码,正确后方能进行其他操作?的主要内容,如果未能解决你的问题,请参考以下文章

在html页面中有一个按钮,点击这个按钮,将页面某一个区域保存为图片,并弹出文件保存对话框,保存到本地

html编写代码如何在关闭网页时弹出确认对话框!点击确认关闭,取消不关闭

VB如何实现执行某程序,弹出对话框选择是不是要执行,点击是则执行,否则不执行

win7关机确认,如何让win7实现关机时弹出确认关机的对话框

用jquery代码如何实现当我点击“查看”按钮时,在弹出窗口或弹出页面,显示数据库的详细数据

win10系统打开软件时弹出“用户帐户控制”窗口怎么关闭