1

我有一个这样的网页：

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Random Thoughts Blog - Add a New Post!</title>
        <link rel="stylesheet" type="text/css" href="Styles/main.css" />
        <link rel="stylesheet" type="text/css" href="Styles/add.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script src="Scripts/add.js"></script>
    </head>    
    <body>
        <div id="Wrapper">
            <header>
                <h1>Admin</h1>
                <a href="index.php"><p>Home</p></a>
            </header>
            <nav>
                <a href="admin.php">
                    <div class="Button">
                        <p>Add</p>
                    </div>
                </a>
                <a href="edit.php">
                    <div class="Button">
                        <p>Edit</p>
                    </div>
                </a>
                <a href="delete.php">
                    <div class="Button">
                        <p>Delete</p>
                    </div>
                </a>
            </nav>
            <div id="MainContent">
                <h1>Write a New Blog Post!</h1>
                <form name="NewPost" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
                    <label for="Title">Title:</label><input id="title" name="Title" type="text" value="<?php if (isset($_POST['Title'])) { echo $_POST['Title']; } ?>"/>
                    <textarea id="textarea" name="PostBody"><?php if (isset($_POST['PostBody'])) { echo $_POST['PostBody']; } ?></textarea>
                    <label style="font-size: 12pt; width: 25px; margin: 8px 0 0 0;" for="Tags">Tags:</label><input style="float: right; width: 465px;" name="Tags" type="text" value="<?php if(isset($_POST['Tags'])) { echo $_POST['Tags']; } ?>"/>
                    <div id="Emoticons">
                        <a href="" id="Happy"><img alt="Smiley" src="Images/Happy.png" /></a>
                        <a href="" id="Sad"><img alt="Sad" src="Images/Sad.png" /></a>
                        <a href="" id="Neutral"><img alt="Neutral" src="Images/Neutral.png" /></a>
                        <a href="" id="Angry"><img alt="Angry" src="Images/Angry.png" /></a>
                        <a href="" id="Meh"><img alt="Meh" src="Images/Meh.png" /></a>
                        <a href="" id="Orly"><img alt="Orly" src="Images/Orly.png" /></a>
                        <a href="" id="Sleepy"><img alt="Sleepy" src="Images/Sleepy.png" /></a>
                    </div>
                    <input type="Submit" name="Submit" value="Post!" />
                </form>
            </div>
            <footer>
                <div id="FooterContent">
                    <a href="http://www.logicanddesign.ca/">
                        <p>Design by Jack R. Schaible</p>
                        <img src="Images/Icon.png" alt="Logo" />
                    </a>
                </div>
            </footer>
        </div>
        <?php
            if ($errors != '') {
                echo '<script type="text/javascript">';
                    echo 'alert("' . $errors . '");';
                echo '</script>';
            }
        ?>
    </body>
</html>

我想知道我是否可以使用 javascript 或 jQuery 或任何东西来制作它，所以当有人点击“表情”中的一个图像锚标签时，当前输入（无论用户当前输入数据的哪个输入）不会t失去焦点？谢谢！

4

2 回答 2

4

这是我知道的最好的方法：

var lostFocus = function() {
    setTimeout(function(){
    var value = $('#myinput').val();
        $('#myinput').val('').focus().val(value);},0);
};

$('#myinput').blur(lostFocus);​

见jsFiddle

于 2012-10-30T11:43:31.897 回答
0 
var currFocus;

$('input').focus(function(){currFocus=this});

$('#Emoticons a').click(function(){$(currFocus).focus();});

你的意思是这样的吗？

于 2012-10-30T11:39:36.033 回答