Question

我需要使用textarea来鼓励人们发表评论，但在发表评论之前，他们需要先登录或注册。我已使用模态弹出窗口打开此登录/注册表单，方法是单击url＆＃34;＃＆＃34;用class＆＃34; popup-login＆＃34;。

如何在单击时使用模式弹出登录窗口（使用jQuery）使textarea打开？有什么想法吗？

Answer 1

创建一个打开模态的function。然后，使用onClick：

调用该函数

＆＃13;

function modal() {
  document.getElementById('textarea').value="This would open a modal window";
}

＆＃13;

textarea {
  background-color: white;
}

＆＃13;

<div style="display:inline-block; position:relative;">
  <textarea id="textarea" placeholder="Write a comment..."disabled></textarea>
  <div style="position:absolute; left:0; right:0; top:0; bottom:0;" onClick="modal()"></div>
</div>

＆＃13;

Answer 2

假设您已经设置了.popup-login的点击事件，此代码应该可以正常运行。

// We are using focus instead of click to prevent the user from tabbing onto the comment box
$('#comment').on('focus', function() {
  $('.popup-login').click();
  // This will remove focus from the comment box
  $(this).blur();
});

这是一个完整的例子

$('#comment').on('focus', function() {
  $('.popup-login').click();
  $(this).blur();
});

$('.popup-login').on('click', function() {
  alert('This is where the popup would be');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" class="popup-login">Login</a>
<textarea id="comment"></textarea>

Textarea在使用jQuery单击时打开弹出窗口

2 个答案: